角度2 ng-bootstrap複数のモデルを開く

Question

ng-bootstrapを使用して別のモデルの上にモーダルを開こうとしています。モデルは期待どおりに開いていますが、第2モデルのモーダルバックグラウンドは第1モデルの背後にあります。

モデルにはdocumentという文字が含まれています。何も特別なことはありません。

Answer 1

私はこの仕事を次のCSSコードを追加するだけで行うことができました。

.modal:nth-of-type(2) { 
    z-index: 1051 !important; 
} 
.modal-backdrop:nth-of-type(2) { 
    z-index: 1050 !important; 
} 

.modal:nth-of-type(3) { 
    z-index: 1052 !important; 
} 
.modal-backdrop:nth-of-type(3) { 
    z-index: 1051 !important; 
} 

3つのネストされたモデルを開きたいとします。そのため、nth-of-type（2）とnth-of-type（3）を追加しました。