私はモーダルをモーダルにしています。背景が既に開いているモーダルの後ろにぶら下がっています。私はドキュメンテーションをチェックしましたが、バックドロップをどこに置くべきかを正確に指定する方法がわかりません。 APIはbs-modal-backdrop
のセレクタを使用してModalBackdropComponent
と表示されますが、問題を解決するためにこれができるかどうかはわかりません。私はこれがZ-インデックスの問題であるかどうか、またはどこか特定の場所にバックドロップを配置する必要があるかどうかはわかりません。私は、私のモーダル(確認ボックス)が子供の別のモーダルとして定義されているので、これを行うことに少し驚いています。ng2-bootstrapのスタック/ネスト/マルチモーダル
1
A
答えて
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
以上に設定する必要があります。
関連する問題
- 1. Angular2とNg2Bootstrap問題:私は実際にそこに利用できるNG2-ブートストラップ例をしようとしている</p> <p>:ここComponentLoaderFactory
- 2. ng2-bootstrap - TimepickerConfigのプロバイダが別のモジュールにインポートされていない場合
- 3. ビジュアルスタジオでng2-bootstrapを参照してtypescriptをコンパイルしようとしました
- 4. 他のフォームのページのメールフィールドのみのDeviseへの登録
- 5. オラクルの列の値のセットからの一定の値のセット
- 6. リストの[:]のeleのpythonとリストの違いのeleの?
- 7. ボタンのフォントのホバーの色デフォルトのサイトへのホバーの色
- 8. ハイチャートの線グラフの2つの値の間の線の削除
- 9. Rのデータフレーム内の特定の列の最後の5つのオブジェクトへのアクセス
- 10. のAndroid Studioの+のcmakeの+ OpenGLは:Androidのメーカーの下でのOpenGL
- 11. 別のデータフレームの特定の行の1つのデータフレームからの値の検索
- 12. 2つのdivの中の1つのdivの中のテキストの下に
- 13. 2つの列の任意の2つの値の最大の差の式
- 14. FacebookのグラフAPIのためのphpのgetLoginUrlのためのPythonのequivelant
- 15. Androidのアーキテクチャのコンポーネントのベストプラクティスの段落の取り扱いライフサイクルのページでAndroidのアーキテクチャのコンポーネントのドキュメントで
- 16. Javaの別のテーブルのあるテーブルから別のテーブルの別のカラムへの1つのカラムの挿入
- 17. のPHPの.htaccessのmod_rewriteの問題
- 18. WP7のリストボックスのTextBlockのテキストの整列
- 19. JavaScriptのhtmlエディタのカーソルのフォーカスマウスのフォーカス
- 20. のAndriodのビットマップの代わりのRect
- 21. 他のテーブルの行の間のテーブル
- 22. Haskellのプリプロセッサ - HaskellのSDLのバインディングの
- 23. Googleのスクリプトの次のセルの列
- 24. htmlのテキストボックスの中央のnavbar-navの
- 25. OpenGLのシーン内の他のオブジェクトのリフレクション
- 26. WPFのグリッドの一部のセルのボーダー
- 27. のAndroidのOpenGL-ESのグラデーションの背景
- 28. JTreeの非リーフノードの後の空の行
- 29. のAdobeのFlex 4のテキストの高さ
- 30. リピータコントロールのonclientclick()のリンクボタンへのデータのバインド
これを見てみることをお勧めします[**回答**](http://stackoverflow.com/questions/42460418/angular-2-ng2-bootstrap-parent-component-call-modal-show-in -child-component-n/42463516#42463516)は、要件に基づいて強化されます。返信する。 – Aravind