bra*_*r19 5 javascript filter angularjs
例如,我有这样的列表(我使用ng-repeat):
var myList = [
{id: 1, name: 'Peter Ollison', type: 'Driver', status: 'Working'},
{id: 2, name: 'Maya Nameson', type: 'Manager', status: 'Not'},
{id: 3, name: 'Iki Jonny', type: 'Driver', status: 'Paused'},
{id: 4, name: 'Nikolay Ivanov', type: 'Manager', status: 'Working'},
{id: 5, name: 'Nikolay Ivanov', type: 'Sales manager', status: 'Not'},
{id: 6, name: 'Scotty Deperson', type: 'Boss', status: 'Working'},
]
Run Code Online (Sandbox Code Playgroud)
我有过滤器数组:
nameFilter: ['Peter Ollison', 'Nikolay Ivanov']
typeFilter: ['Manager', 'Driver']
statusFilter: ['Working']
Run Code Online (Sandbox Code Playgroud)
如何在滤波器功能中结合所有这些滤波器?并且只返回列表中的这些项,它们等于过滤器数组?但!!!我可以有:
仅按名称过滤,或仅按类型,或2个字段或全部过滤
怎么可以过滤我的清单?
例如,如果我一次过滤3个过滤器阵列,我应该得到结果:
[{id: 1, name: 'Peter Ollison', type: 'Driver', status: 'Working'},
{id: 4, name: 'Nikolay Ivanov', type: 'Manager', status: 'Working'}]
Run Code Online (Sandbox Code Playgroud)
现在我只能在控制器中过滤一个值,并且我被多个字段过滤器所困扰((
$scope.showIssueItem = function (item) {
var resultAssigneeCount = 0,
resultTypeCount = 0,
resultStatusCount = 0;
if ($scope.nameFilterArr.length > 0) {
angular.forEach($scope.nameFilterArr, function(value) {
if (item.name === value) {
resultAssigneeCount++;
}
});
}else{
resultAssigneeCount = 1;
}
if ($scope.typeFilterArr.length > 0) {
angular.forEach($scope.typeFilterArr, function(value) {
if (item.type === value) {
resultTypeCount++;
}
});
}else{
resultTypeCount = 1;
}
if ($scope.statusFilterArr.length > 0) {
angular.forEach($scope.statusFilterArr, function(value) {
if (item.status === value) {
resultStatusCount++;
}
});
}else{
resultStatusCount = 1;
}
return resultAssigneeCount>0 && resultTypeCount>0 && resultStatusCount>0;
};
Run Code Online (Sandbox Code Playgroud)