Angular UI Bootstrap typeahead-append-to

Question

我正在尝试将Angular UI Typeahead控件附加到HTML中的自定义元素.文档说明了这一点:

typeahead-append-to $(默认值:null) - 是否应将typeahead弹出窗口附加到元素而不是父元素？

我不能为我的生活图什么设置这个值!我已经尝试了'#elementId'和'.elementClass'的所有组合,但仍然没有运气.

我可以向身体附加没有类型为appea-append-to-body ="true"的probs,但这不是我想要做的.

请帮忙!

干杯

Answer 1

已过时 请参阅编辑部分了解最新方法

typeahead-append-to 属性期望您引用控制器中的元素并绑定到该元素：

$scope.appendToElement = window.document.querySelector('body');

<input uib-typeahead="val for val in vals" typeahead-append-to="appendToElement" />

可以在此处查看 typeahead 指令中读取属性并附加元素的代码

编辑

该指令已更新，并将接受选择器字符串，如下所示：

<input uib-typeahead="val for val in vals" typeahead-append-to="'#appendToElement'" />