2017-02-17 6 views
1

私はモーダルをモーダルにしています。背景が既に開いているモーダルの後ろにぶら下がっています。私はドキュメンテーションをチェックしましたが、バックドロップをどこに置くべきかを正確に指定する方法がわかりません。 APIはbs-modal-backdropのセレクタを使用してModalBackdropComponentと表示されますが、問題を解決するためにこれができるかどうかはわかりません。私はこれがZ-インデックスの問題であるかどうか、またはどこか特定の場所にバックドロップを配置する必要があるかどうかはわかりません。私は、私のモーダル(確認ボックス)が子供の別のモーダルとして定義されているので、これを行うことに少し驚いています。ng2-bootstrapのスタック/ネスト/マルチモーダル

+0

これを見てみることをお勧めします[**回答**](http://stackoverflow.com/questions/42460418/angular-2-ng2-bootstrap-parent-component-call-modal-show-in -child-component-n/42463516#42463516)は、要件に基づいて強化されます。返信する。 – Aravind

答えて

2

今日、私はこの正確な問題に遭遇しました。 bs-modal-backdropコンポーネントの独自のインスタンスを明示的に定義することによって解決する方法が見つかりませんでした。子モーダルbsModal要素内の最初の要素として

<div class="modal-backdrop fade in" (click)="modal.hide()"></div> 

:私はそれは子モーダル(デフォルトの背景を無効にする)のbsModal要素に[config]="{ backdrop: false }"を設定することでした解決方法は、その後、私はこのような新しい要素を追加しました。これは、modalプロパティを#modal="bs-modal"などと定義したことを前提としています。または、クリックハンドラを使用してコンポーネントのメソッドを呼び出すこともできます。

.modal-dialog要素(新しい.modal-backgrop要素の兄弟である必要があります)のZ-インデックスを1050以上に設定する必要があります。

関連する問題