AngularJS - 如何仅过滤 1 个字段并与查询参数完全匹配

Question

默认情况下，AngularJS 中的“过滤器”过滤对象或数组的所有字段或属性，但我希望它通过仅比较对象的 1 个属性中的字符串值来过滤数据集。

例如：

<div ng-repeat="subCategory in subCategorys | filter:id | orderBy:'id'"></div> 

其中 subCategories 是包含“数字”、“名称”、“详细信息”等字段的数据集。 我希望过滤器只在“数字”属性下查找用于查询的参数。

例如，在 subCategorys 数据集中的“number”属性中准确查找数字 10。而不是“数字”字段中的 010，或“名称”或任何其他字段中的 sdkjj_10_kjd。

谢谢

Answer 1

http://jsbin.com/zesopa/2/edit

您只需要添加第三个参数比较器并将其设置为真值filter:{id:search_id}:true

HTML：

<input type="number" ng-model="search_id" placeholder="search for id">
<div ng-repeat="subCategory in subCategorys | filter:{id:search_id}:true | orderBy:'id'">{{subCategory.id}}</div> 

JS

var app = angular.module('app', []);

app.controller('firstCtrl', function($scope){

 $scope.subCategorys = [
   {id:1,name:"tom"},
   {id:21,name:"jim"},
   {id:221,name:"pam"}
 ];
});