Ng-repeat:单字段过滤

我有一个产品数组，我在使用ng-repeat和正在使用

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

按颜色过滤这些产品。滤镜正在工作，但如果产品名称/描述等包含颜色，那么在滤镜应用后，产品仍然存在。

我如何设置过滤器只适用于我的数组的颜色字段，而不是每个字段?

当前回答

最好的方法是使用函数:

html

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

javascript

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

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

其他回答

你必须使用过滤器:{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根据特定的条件动态地显示和隐藏元素。

按颜色搜索:

<input type="text" ng-model="searchinput">
<div ng-repeat="product in products | filter:{color:searchinput}">

你也可以做一个内巢。

filter:{prop1:{innerprop1:searchinput}}

如果希望筛选给定对象的孙辈(或更深层)，则可以继续构建对象层次结构。例如，如果你想过滤'thing.properties. properties '。Title '，您可以执行以下操作:

<div ng-repeat="thing in things | filter: { properties: { title: title_filter } }">

你也可以过滤一个对象的多个属性，只需将它们添加到你的过滤器对象:

<div ng-repeat="thing in things | filter: { properties: { title: title_filter, id: id_filter } }">

指定你想要应用滤镜的属性(即颜色):

<div ng-repeat="product in products | filter:{ colour: by_colour }">

推荐文章