调整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"