[英]Angular JS Filter Group Select Filter
我有一个类似于下面的用户对象:
$scope.users = [
{
name : 'John Doe',
attached_groups = [
{1:object},
{2:object}
]
},
{
name : 'Bob Doe',
attached_groups = [
{3:object},
{4:object}
]
}
];
在我的HTML中,我有以下组选择。
<select id="group_filter">
<option value="1">Group 1</option>
<option value="2">Group 2</option>
<option value="3">Group 3</option>
<option value="4">Group 4</option>
</select>
我想在组中添加一个过滤器到ng-repeat to filer。 我有以下ng-repeat。
<tr ng-repeat="user in users| filter:query>
任何帮助,将不胜感激。
好吧,我没有改变$ scope.users的结构,但是你需要复习,因为我认为这不是最好的方法。
重要的是:
http://codepen.io/luarmr/pen/YXVqqp
ng-repeat="user in users | filter:search"
你需要定义搜索过滤器:
$scope.search = function(user) {
if ($scope.filter === undefined ) {
return true;
}
var match = false;
angular.forEach(user.attached_groups, function(group) {
if (group.hasOwnProperty($scope.filter)) {
match = true;
}
});
return match;
};
如果更改attached_groups,过滤器可能会更容易。 您可以在此处查看示例: https : //docs.angularjs.org/api/ng/filter/filter
创建文本类型的输入,并输入ng-model="query"
。
<input type="text" ng-model="query">
这将被过滤:
<tr ng-repeat="x in users | filter:query">...</tr>
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.