angularjs - 与 Bootstrap 模态一起使用时显示在模态后面的 Angular ui-select 选项

Question

我面临 Angular 的问题ui-select（替换 HTML 选择）。我添加了该选项append-to-body，以便它可以显示在其他元素之上。

但我面临一个问题，当它在引导模式之上使用时，它不显示选项列表。实际上，它显示选项列表显示在模态后面，如您在图像中看到的那样。

有没有解决这个问题的方法？

Answer 1

只需z-index为元素的父元素添加一个大于 1050 的 CSS 属性ui-select。

为什么大于1050？

因为z-indexon.modal类设置为1050所以我们需要提供更高z-index的下拉父元素，以便它可以出现在 z 轴的模态上方。

Answer 2

我面临同样的问题，就我而言，我append-to-body="true"在我的ui-select指令中使用。将此设置为 false 为我修复了它。