我有一个由ngRepeat循环的对象列表:
hashes = [ { "type": "foo",… },{ "type": "foo",{ "type": "bar",… } ]
如果它的值与针列表中的项匹配,我想根据类型过滤它们:
types = ['foo','quz'];
所以像
<div ng-repeat="hash in hashes | filter:types"></div>
这是内置到Angular还是我必须编写自定义过滤器?
要过滤单一类型,您可以执行以下操作:
<div ng-repeat="hash in hashes | filter: {type:'foo'}">
要过滤数组,您不需要完全自定义的过滤器,但我会使用谓词过滤器,您可以将其传递给Angular的过滤器.这是过滤器,假设您的数组类型:
$scope.filterArray = function(hash) { return ($scope.types.indexOf(hash.type) !== -1); };
像这样使用:
<div ng-repeat="hash in hashes | filter: filterArray">
两者都是demo fiddle
自订过滤器
要完成自定义过滤器,这可以:
filter('inArray',function() { return function inArray( haystack,needle ) { var result = []; var item,i; for (i=0; i< haystack.length;i++) { item = haystack[i]; if (needle.indexOf(item.type) !== -1) result.push(item); }; return (result); }; });
像这样使用:
<div ng-repeat="hash in hashes | inArray: types">