Угловой фильтр по массиву значений

Question

Я пытаюсь отфильтровать список элементов, используя массив значений. До сих пор мне удалось фильтровать многочисленные поля в таблице, но я не смог фильтровать, используя многочисленные значения в одном столбце таблицы. Это plunker показывает этот объект фильтра используется

$scope.filters = { 
    user:{ 
    name:"John" 
    }, 
    status:{ 
    name: "Approved" 
    } 
}; 

Однако то, что я пытаюсь сделать, чтобы создать отфильтрованный список, основанный от этого фильтрует объект:

$scope.filters = { 
    user:{ 
    name:"John" 
    }, 
    status:{ 
    name: ["Approved", "For Review"] 
    } 
}; 

В основном я хочу список все Джонса, чей имя статуса либо «Утверждено», либо «Просмотр».

Возможно ли это сделать, используя фильтр фильтра «Угловой», или это задание для пользовательского фильтра?

Answer 1

Для этого вам необходимо использовать специальный фильтр. Или вы можете также фильтровать по массиву состояния отдельно от фильтрации по имени пользователя:

$scope.filtered = $filter('filter')($scope.users, {user: $scope.filters.user}).filter(function(user) { 
    return $scope.filters.status.name.indexOf(user.status.name) > -1; 
}); 

Демо:http://plnkr.co/edit/KcP6bLujFnxFPXrVRfUp?p=preview

Answer 2

Html: -

<table id="searchTextResults"> 
    <tr><th>Name</th><th>Phone</th><th>Status</th></tr> 
    <tr ng-repeat="friend in friends | filter: myFilter"> 
    <td>{{friend.user.name}}</td> 
    <td>{{friend.phone}}</td> 
    <td>{{friend.status.name}}</td> 
    </tr> 
</table> 

Пользовательский фильтр: -

$scope.myFilter = function (item) { 
    return item.status.name === 'For Review' || item.status.name === 'Approved'; 
}; 

Answer 3

Я думаю, что хороший подход состоит в том, чтобы инкапсулировать ll фильтрация логики о свойстве в самом фильтре и имя, которое фильтрует то, что он делает. В этом примере у вас есть два фильтра: по пользователю и по статусу. Так получилось, что в настоящее время вы только фильтруете одно свойство для каждого из этих фильтров: имя, но в будущем у вас может быть несколько свойств для фильтрации по пользователю и статусу.

Учитывая вышесказанное, я предлагаю следующие два фильтра для модуля:

app.filter('byStatus', function() { 
    return function(items, filter) { 
    var out = []; 
    //status.name 
    angular.forEach(items, function(item) { 
     if (filter.name.constructor != Array) { 
     if (filter.name == item.status.name) { 
      out.push(item); 
     } 
     } else if (filter.name.indexOf(item.status.name) > -1) { 
     out.push(item); 
     } 
    }); 
    return out; 
    }; 
}); 
app.filter('byUser', function() { 
    return function(items, value) { 
    var out = []; 
    //user.name 
    angular.forEach(items, function(item) { 
     if (item.user.name.indexOf(value.name) > -1) { 
     out.push(item); 
     } 
    }); 
    return out; 
    }; 
}); 

Plunker: http://plnkr.co/edit/g3ERmycps8Fg6trE1NfN?p=preview

Есть два $ фильтр звонков, но это нормально, я всегда поощряю ясность кода над производительностью до начните с.