在angular-ui-bootstrap中自定义typeahead功能

时间:2013-08-23 09:52:26

标签: angularjs angular-ui

我想在$ http对象中使用angular-bootstrap-ui typeahead功能。 一个简单的用例可以在下面的插件中找到:

http://plnkr.co/edit/eGG9Kj?p=preview

  1. 如何在渲染之前操纵返回的json? 我将使用比简单数组更复杂的json结构。

  2. 如何覆盖正在使用的html模板,以便我可以应用自己的样式?

  3. 如果未找到任何结果,则会显示空的预先输入下拉列表。我该如何避免这种情况?

  4. 感谢任何提示。

1 个答案:

答案 0 :(得分:0)

对于问题(1)和(2),我认为这与Bootstrap-UI Typeahead display more than one property in results list?重复。看看那里的答案,提供自定义结果显示的各个部分的解决方案,包括模板覆盖。

如果以上问题无法解决您的问题,请更新您的问题。

对于(3) - 在这个例子中它是一个后端问题,因为它返回[""],其中没有匹配,而它应该返回[]。所以它与typeahead指令无关 - 只要确保你的后端在没有匹配时返回空数组。