angularJS + UI bootstrap typeahead:filter:$ viewValue不起作用

时间:2015-03-23 17:34:13

标签: angularjs angular-ui-bootstrap typeahead

我无法获得过滤器:$ viewValue在带有typeahead的输入中工作。 我显示整个列表,突出显示输入的字符。 我希望根据输入的字符进行过滤列表。

这是一个掠夺者:http://plnkr.co/edit/X3C0fP52ZTi55LJtXfnu?p=preview

在我的真实项目中,我需要应用两个过滤器,如下所示。

<input autocomplete="off" type="text" placeholder="Selected Criteria"     ng-model="MgtCtrl.editActionData.selectedCriteria" typeahead='criteria as criteria.name for criteria in MgtCtrl.criteriaList | criteriaByApplication:MgtCtrl.getTriggerApplication() | filter:$viewValue | orderBy:"name"'>

有人可以帮助我吗?

此致 艾格尼丝。

1 个答案:

答案 0 :(得分:15)

如果您的收藏项是对象,则需要指定过滤器应考虑的属性。

根据您的示例,过滤器将如下所示:

| filter:{'name':$viewValue}

由于您正在显示名称属性,因此它可能是您要过滤的名称,但我可能错了。所以你需要充分利用你的背景。

参考文献: https://docs.angularjs.org/api/ng/filter/filter