我正在使用Angular并且有这个对象:
$scope.items = {
'abcdhx3': {name:'file1.jpg', type:'.jpg', size:30000},
'sxcdhb2': {name:'file2.jpg', type:'.png', size:30000},
'k4cdhx5': {name:'file3.jpg', type:'.jpg', size:30000},
'23cdhd3': {name:'file4.jpg', type:'.png', size:30000},
'ascdhx3': {name:'file45.jpg', type:'.png', size:30000}
};
我想根据我可以从输入文本中获得的“名称”和“类型”值来过滤此对象。因此,如何使用ng-repeat中的过滤器来做到这一点,例如:我想显示包含类型为“ .png”的“ file4”的文件。
<div data-ng-repeat="(key, item) in items">
<div>{{ item.name }}</div>
</div>
我已经使用如下转换过滤器解决了这个问题:
angular.module('test').filter('itemsFilter', [
function() {
return function(items) {
var list = [];
for (var i in items) {
list.push(items[i]);
}
return list;
};
}
]);
并在应用搜索过滤器之前过滤项目
Name: <input type="text" ng-model="search.name" />
Type: <input type="text" ng-model="search.type" />
<div ng-repeat="item in items | itemsFilter | filter:search">
<li>{{item.name}}</li>
<li>{{item.type}}</li>
</div>
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句