angular2 ngx-bootstrap modal模态框不在最上层

来源：互联网发布：土地确权登记软件编辑：程序博客网时间：2024/06/09 19:21

angular-cli bootstrap4 使用模态框时，遇到了这2个问题

模态框不显示

模态框显示后不在最上层

模态框不显示的问题

这个是纠结最久的问题，明明和官方文档例子一样但是就是不出来
用f12 选择看到模块都在，只是没有显示出来，然后去官方文档又仔仔细细的看了一遍发现少加了一个样式

Let ngx-bootstrap know you are using BS4

Open /src/index.html and add the following markup:

<body>  <!-- Enable bootstrap 4 theme -->  <script>window.__theme = 'bs4';</script>  <app-root>  </app-root></body>

发现我少加了 <script>window.__theme = 'bs4';</script> 这句导致样式出不来

模态框显示后不在最上层

模态框显示出来之后，发现不在最上层，查到的大多数回答都是 z-index 设置的解决方法。
但是这个明显和我这个没关系， ngx-bootstrap的全是组件，样式都在里面写好的，不可能是 z-index设置出错

最终发现这个问题是因为使用 modal 组件的上层父组件有绝对定位，我这里想让导航条不滚动所以设置的绝对定位，把这个去掉后问题解决了。

阅读全文

2 0