实现 Angular js 自定义过滤器功能时丢失了一些行为

Question

因为我只需要从数组中过滤一些特定的键（名字或姓氏），所以我必须实现一个自定义过滤器（如果我错了，请纠正我）。

所以我在相应的控制器中实现了一个功能（一旦我开始工作，可能会创建一个特定的过滤器）。 这是函数：

 $scope.mama = function (baba) {
            return baba.firstName == $scope.query || baba.lastName == $scope.query;

        };

这是模板：

Search: <input ng-model="query">

<div ng-controller="ListProscontroller" ng-init="listpros()">
    <ul>
        <li ng-repeat="item in prosItems.results | filter:mama"> {{item.firstName}} </li>
    </ul>
</div>

这样做确实只按预期搜索名字或姓氏。但我失去了几个好处：

• 区分大小写
• 它只会匹配完全匹配：如果名字是“Bob”，当释放按键“o”时“Bo”将不匹配。但它当然会匹配“Bob”的“Bob”。 如何修改此函数以保留默认过滤器行为？

Answer 1

文本匹配很棘手。 不考虑重音字符（但不区分大小写匹配和子字符串匹配）的解决方案是：

$scope.mama = function (baba) {
    var firstName = baba.firstName.toUpperCase(),
        lastName = baba.lastName.toUpperCase(),
        query = $scope.query.toUpperCase();
    return firstName.indexOf(query) >= 0 || lastName.indexOf(query) >= 0;
}