javascript - 子数组上的 Angular ng-repeat 过滤器

Question

使用 Angular，我尝试在给定以下架构的 FactorName 上使用 ng-repeat 进行过滤。
过滤使用<... ng-model="query.Factors.FactorName"...> 不起作用(毫不奇怪)。我还没有看到任何人试图以这种方式进行过滤的文献。

Angular 是否支持基于子数组元素属性的过滤？

[
   {
      "Name":"1",
      "Factors":[
         {
            "FactorName":"FactorOne",
            "Type":"SomeType"
         },
         {
            "FactorName":"FactorTwo",
            "Type":"SomeType"
         }
      ]
   },
   {
      "Name":"2",
      "Factors":[
         {
            "FactorName":"FactorThree",
            "Type":"SomeType"
         },
         {
            "FactorName":"FactorFour",
            "Type":"SomeType"
         }
      ]
   }
]

Answer 1

还有另一个地方可以在带有自定义过滤器的双重绑定(bind)中与 ng-repeat 一起迭代数组。

Working Demo

HTML

<ul ng-repeat="x in factorData">
  <li>
    {{ x.Factors | factorFilter }}
  </li>
</ul>

JS

app.filter('factorFilter', function() {
    return function(items) {
        var results = [];
        if (items) {
            for (var i = 0; i < items.length; i++) {
                results = items[i]['FactorName'];
            }
            return results;
        } else {
          return 'Doh!';
        }
   }
})