在angular-ui-bootstrap的typeahead中，如何使用自定义弹出模板和自定义项模板？

Question

使用https://angular-ui.github.io/bootstrap/ typeaheads

我似乎无法添加自定义弹出式模板和自定义项目模板。

我已尝试在自定义弹出框中更改此内容：

<div uib-typeahead-match index="$index" match="match" query="query" typeahead-template-url="app/components/localIntentsPicker/typeahead-item.html"></div>

我可以删除这个div并且只是在线添加我自己的更改，但是我失去了对预先选择的键盘控制。

我还尝试将以下内容添加到我的主要输入内容中。

typeahead-template-url="app/components/localIntentsPicker/typeahead-li.html

似乎都没有效果。

Answer 1

原来我做错了一些事。

项目模板代码需要包含在<a>中以保持键盘选择。

最重要的是，将template-url包装在额外的引号中可以解决问题：

<div uib-typeahead-match index="$index" match="match" query="query" template-url="'app/components/localIntentsPicker/typeahead-item.html'"></div>