AngularJs中的Typeahead无法正常工作?

时间:2014-05-27 08:54:03

标签: angularjs typeahead

我正在使用预先输入,无论我输入什么,所有的建议都会出现。我希望他们过滤。 (即如果用户输入a,所有带有首字母不是a的单词应该从建议中过滤掉,但是没有发生)

<input type="text" ng-model="send" typeahead="desc as desc.Name for desc in programs">

我使用此链接指示:http://angular-ui.github.io/bootstrap/ui-bootstrap-tpls-0.6.0.js

2 个答案:

答案 0 :(得分:1)

预先输入建议中返回的确切值是从表达式的in部分返回的 - 在您的情况下,您说无论输入什么类型,预先输入应返回完整的programs数组在输入框中。如果要根据用户输入的内容限制结果,则需要过滤这些结果,并且可以使用$viewValue表达式来执行此操作。

在你的情况下你可以写:

typeahead="desc as desc.Name for desc in programs | filter:$viewValue

假设programs是常规JavaScript数组。

您还应该查看项目演示页面(http://angular-ui.github.io/bootstrap/)中包含的示例,以便更好地了解可能的内容。

答案 1 :(得分:0)

您必须为此创建一个过滤器,请查看此工作示例。

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