在AngularJS中过滤一个键的多个值

Question

我有产品数组。我想过滤类型键。我只想一起展示蔬菜和水果。 如何在AngularJS中对单个键和多个值设置过滤器。

<div ng-controller="MyCtrl">
        <ul>
            <li ng-repeat="item in products | filter:({type:'vegetable'}||{type:'fruit'})">{{item.name}}</li>
        </ul>
    </div>

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

    function MyCtrl($scope) {
        $scope.products = [
            {name:"Apple",type:"fruit"},
            {name:"Grape",type:"fruit"},
            {name:"Orage",type:"fruit"},
            {name:"Carrot",type:"vegetable"},
            {name:"Milk",type:"dairy"}
        ]
    }

Answer 1

最简单的解决方案是在控制器中添加一个过滤器并使用它：

$scope.filterFruitsAndVegies = function (item) {
    return item.type === 'fruit' || item.type === 'vegetable';
};

<div ng-controller="MyCtrl">
    <ul>
        <li ng-repeat="item in products | filter: filterFruitsAndVegies">{{item.name}}</li>
    </ul>
</div>

http://plnkr.co/edit/HhZ49dpylTRJMVnSKdyt?p=preview