javascript - 当我们在 ng-model 中使用 "keyword.name"以及在过滤器中使用 "filter: keyword"时，我无法弄清楚过滤器将如何工作

Question

我是 Angular JS 新手。我无法弄清楚过滤器如何仅对对象中的名称起作用，而不是对对象中的电话键起作用。就好像我们在 ng-model 中仅使用关键字一样，它将过滤范围中定义的对象中的名称和电话，而对于keyword.name，它将仅过滤掉名称。

<script>

    var app = angular.module("app" , []);
    app.controller("controller" ,['$scope' , function($scope){

        $scope.answer = 1+2;
        $scope.object=[

        {name:'John', phone:'555-1276'},
        {name:'Mary', phone:'800-BIG-MARY'},
        {name:'Mike', phone:'555-4321'},
        {name:'Adam', phone:'555-5678'},
        {name:'Julie', phone:'555-8765'},
        {name:'Juliette', phone:'555-5678'}]

    }]);

</script>

    <div ng-app = "app" ng-controller="controller" >

    <input type="text" ng-model="keyword.name" />

    <table>
        <thead>
            <th>Name</th>
            <th>Phone</th>
        </thead>
        <tr ng-repeat = "item in object | filter: keyword" >

            <td> {{item.name}} </td>
            <td> {{item.phone}} </td>

        </tr>

    </table>



    </div>      



</body>

Answer 1

如果您仅根据您的 ng-model 关键字进行过滤，则 Angular 默认情况下会添加一个与任何属性匹配的特殊属性名称。默认情况下它是$。因此，从技术上讲，ng-model 基于关键字的过滤与基于关键字的过滤相同。$。但是，如果您将属性附加到关键字，它将覆盖 Angular 的默认特殊属性名称和基于您的新键值的过滤器。

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