角度过滤对象的属性

Question

我有一个带有一系列对象属性的对象，这些对象属性具有以下相似的结构（这是从服务返回数据的方式）：

{
  "1": {
    "type": "foo",
    "name": "blah"
  },
  "2": {
    "type": "bar"
  },
  "3": {
    "type": "foo"
  },
  "4": {
    "type": "baz"
  },
  "5": {
    "type": "test"
  }
}

当我执行ng-repeat时，我可以遍历所有这5个对象，例如：

<div ng-repeat="item in items">{{item.type}}</div>

但是， 我真正想要做的是仅对那些不是“ foo”类型的项进行迭代
，即3次迭代而不是5次。我知道可以以某种方式利用过滤器来执行此操作，但是我不确定如何执行。我尝试了以下方法：

<div ng-repeat="item in items| !filter:{type:'foo'}">{{item.type}}</div>

但这不起作用。实际上，即使执行以下操作以将对象限制为2个（具有item.type ===“ foo”的对象），它也不起作用，并且会进行5次迭代：

<div ng-repeat="item in items| filter:{type:'foo'}">{{item.type}}</div>

本质上，我想做类似的事情：

<div ng-repeat="item in items" ng-if="item.type !=='foo'>{{item.type}}</div>

但是，我知道这是行不通的。

Answer 1

过滤器适用于数组，但是您有一个对象常量。

因此，您可以将对象文字转换为数组，也可以创建自己的过滤器，然后再接收对象文字。

如果不需要这些索引值，那么转换为数组可能是最好的选择（这是该数组起作用的小提琴：http :
//jsfiddle.net/NqA8d/3/）：

$scope.items = [{
    "type": "foo",
        "name": "blah"
}, {
    "type": "bar"
}, {
    "type": "foo"
}, {
    "type": "baz"
}, {
    "type": "test"
}];

如果您想做一个过滤器，这是一种方法：

myApp.filter('myFilter', function () {
    return function (items, search) {
        var result = [];
        angular.forEach(items, function (value, key) {
            angular.forEach(value, function (value2, key2) {
                if (value2 === search) {
                    result.push(value2);
                }
            })
        });
        return result;

    }
});

那个小提琴：http :
//jsfiddle.net/NqA8d/5/