引导模式嵌套比顶级 HTML 更远

Question

我正在 Angular 中构建一个沙盒应用程序，我想在嵌套在组件中的组件中使用模态。

模态切换得很好，但它位于自己的背景后面 - 这是可以理解的。文档建议尽可能在 HTML 中将其用作"顶级"，但是有没有办法使用自定义 CSS 来强制模态的功能？

到目前为止，我已经尝试过：

.modal {
    z-index: 1701 !important;
}
.modal-backdrop {
    z-index: 1700 !important;
}
.modal.show .modal-dialog {
    z-index: 1702 !important;
}

我可以看到它们是在开发工具中应用的规则，但它仍然出现在背景和 DOM 树中更高位置的其他组件后面。

Answer 1

如果您在此处共享更多代码可能会更好(这里有其他类吗？你是如何实例化模态的？

无论哪种方式，请查看此示例：http://jasonwatmore.com/post/2016/07/13/angularjs-custom-modal-example-tutorial应该相对容易:)