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

Question

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

但我遇到的问题是，当它在bootstrap模式之上使用时，它不会显示选项列表。事实上，它显示了模式后面显示的选项列表，如图所示。

这个问题有解决方法吗？

Answer 1

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

为什么大于1050？

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

Answer 2

我遇到了同样的问题，在我的情况下，我在append-to-body="true"指令中使用了ui-select。将此设置为false会为我修复。