为什么我的 angular 过滤器没有过滤所有合适的对象？ Angular - angular-ui-bootstrap

Question

我的 uib-typeahead 中有一个 filter ng-options 部分看起来像这样

<input
    ng-model="mergeParticipant"
    getDisplayValue(value.name, value.age, value.membershipId) for value in participants | filter:$viewValue"
                                />

正在调用以格式化显示的函数在这里：

    $scope.getDisplayValue = (name, age, membershipId) => {
        return age ? `${name} (${age}) - ${membershipId}`: `${name} - ${membershipId}`;
    };

当我在输入中输入字母 bi 时，这是我的结果：

为什么没有 bi 的条目出现在我的列表中？我认为这可能与屏幕上的数字有关，但我在那里找不到任何图案。有什么想法吗？

Answer 1

考虑一下你的列表是这样的：

$scope.list = [
    {id:1, title: 'a'},
    {id:2, title: 'b'},
    {id:3, title: 'c'},
]

您可以像这样选择要应用过滤器的键：

<input type="text" ng-model="searchKey" />

<ul>
   <li ng-repeat="item in list | filter:{title: searchKey}"></li>
</ul>

为什么我的 angular 过滤器没有过滤所有合适的对象？ Angular - angular-ui-bootstrap

Why is my angular filter not filtering all appropriate objects? Angular - angular-ui-bootstrap

filter

angularjs

angular-ui-bootstrap