Angular 2 ng-bootstrap 打开多个模型

【问题标题】：Angular 2 ng-bootstrap open multiple modelsAngular 2 ng-bootstrap 打开多个模型
【发布时间】：2017-08-31 05:51:03
【问题描述】：

我正在尝试使用 ng-bootstrap 在另一个模型之上打开模式。模型按预期打开，但第二个模型的模态背景落后于第一个模型。

模型已以 document 的形式打开。没有做任何特别的事情。

【问题讨论】：

标签： javascript angularjs twitter-bootstrap ng-bootstrap

【解决方案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)

【讨论】：