你必须使用 过滤器:{color_name:by_colour}代替

filter:by_colour

如果你想匹配一个对象的单个属性，那么写这个属性而不是object，否则其他的属性会被匹配。

最好的方法是使用函数:

html

<div ng-repeat="product in products | filter: myFilter">

javascript

$scope.myFilter = function (item) { 
    return item === 'red' || item === 'blue'; 
};

另外，你也可以使用ngHide或ngShow根据特定的条件动态地显示和隐藏元素。

请参见过滤器页面上的示例。使用一个对象，并在color属性中设置颜色:

Search by color: <input type="text" ng-model="search.color">
<div ng-repeat="product in products | filter:search"> 

如果你想过滤一个字段:

label>Any: <input ng-model="search.color"></label> <br>
<tr ng-repeat="friendObj in friends | filter:search:strict">

如果你想过滤所有字段:

 label>Any: <input ng-model="search.$"></label> <br>
 <tr ng-repeat="friendObj in friends | filter:search:strict">

而且 https://docs.angularjs.org/api/ng/filter/filter对你有好处

小心使用角滤镜。如果你想在字段中选择特定的值，你不能使用过滤器。

例子:

javascript

app.controller('FooCtrl', function($scope) {
   $scope.products = [
       { id: 1, name: 'test', color: 'lightblue' },
       { id: 2, name: 'bob', color: 'blue' }
       /*... etc... */
   ];
});

html

<div ng-repeat="product in products | filter: { color: 'blue' }"> 

这将选择两者，因为使用类似substr的东西，这意味着你想选择产品，其中“颜色”包含字符串“蓝色”，而不是“颜色”是“蓝色”。

你可以通过一个对象来过滤，它的属性与你要过滤的对象相匹配:

app.controller('FooCtrl', function($scope) {
   $scope.products = [
       { id: 1, name: 'test', color: 'red' },
       { id: 2, name: 'bob', color: 'blue' }
       /*... etc... */
   ];
});

<div ng-repeat="product in products | filter: { color: 'red' }"> 

这当然可以通过变量传递，正如Mark Rajcok建议的那样。