Как добавить еще один фильтр в фильтр поиска AngularJS?

Question

У меня есть фильтр поиска настроена и работает, используя поиск входной элемент:

<input placeholder="Search" type="text" ng-model="search.$"/> 

И

<tr ng-repeat="person in people | filter:search:strict"> 
    <td>{{ person.name }}</td> 
<!-- etc --!> 

Это работает правильно, но я хочу добавить кнопки, которые будут способны фильтровать все людей, значение атрибута без необходимости вводить его и поддерживать фильтр поиска, как есть. Контроллер и область применения детали:

var FilteringApp = angular.module('FilteringApp',[]); 

FilteringApp.controller('FilteringCtrl', ['$scope', '$http', '$timeout', function($scope, $http, $timeout) { 
    $scope.people = [{"name":"Billy","job":"CEO","stress":"high"}, 
        {"name":"Mandy","job":"CTO","stress":"high"}, 
        {"name":"Susan","job":"CFO","stress":"high"}, 
        {"name":"Michael","job":"CMO","stress":"low"}]; 
}]); 

Here is a demo plunkr

Answer 1

Вы можете просто добавить фильтры к search, указав search.stress как ng-model других полей ввода со значениями, которые вы хотите ..

Пример использования переключатели

<label><input type="radio" value="" ng-model="search.stress">any stress</label><br/> 
    <label><input type="radio" value="low" ng-model="search.stress">low stress only</label><br/> 
    <label><input type="radio" value="high" ng-model="search.stress">high stress only</label> 

Теперь вы можете фильтровать уровень стресса в добавлении ition для свободного поиска текста

Демо на http://plnkr.co/edit/1MBRoq