angularJS + UI bootstrap typeahead : filter:$viewValue doesn't work

Question

我没有设法让 filter:$viewValue 在输入中使用 typeahead 工作。
我显示了整个列表，其中突出显示了输入的字符。
我希望根据输入的字符过滤列表。

这是一个plunker: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"'>

有人可以帮我吗？

问候，
艾格尼丝。

Answer 1

如果您的集合项是一个对象，那么您需要指定过滤器应考虑的属性。

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

| filter:{'name':$viewValue}

由于您正在显示 name 属性，因此它可能是您要过滤的名称，但我可能错了。所以你需要根据你的上下文来满足它。

引用:
https://docs.angularjs.org/api/ng/filter/filter