css - 调整 angularjs typeahead 指令的 z-index

Question

我将 Angularjs typeahead 指令与 jquery 布局插件结合使用。这是我正在开发的应用程序的链接。当我在输入框中输入地址时，自动完成结果列表隐藏在调整器后面。我尝试更改自动完成列表和窗格大小调整器的 z-index 属性，但似乎没有任何效果。解决这个问题的最佳方法是什么？

.ui-layout-resizer-open {
    z-index: 1;
 }

 .dropdown-menu {
    z-index: 2;
 }

Answer 1

您可以通过告诉typeahead指令将建议列表附加到body. 只需添加typeaheadAppendToBody属性和其他typeahead属性：

typeahead-append-to-body="true"

演示：http ://plnkr.co/edit/3RlEcNgH4Pviuu6SXs6y?p=preview