angularjs - AngularJS 过滤嵌套对象

Question

我有一个对象数组，其中包含对象数组：

var content = [
  { 
    name: 'Foo',
    sub: [{ name: 'Bar' }, { name: 'Foobar' }] 
  },
  ...
]

和一个模板：

<input ng-model="search" />

<div ng-repeat="item in content | filter:search>
   {{item.name}}
   <div ng-repeat="key in item">
      {{key.name}}
   </div>
</div>

现在，我使用filter过滤器来搜索字符串匹配，但它只适用于第一个ng-repeat指令。如何将第二个指令包含在搜索过滤器中？提前致谢。

Answer 1

您可以简单地将第二个过滤器表达式应用于您的另一个ng-repeat

<div ng-repeat="key in item | filter:secondFilterExpression">

请参阅此处的文档http://docs.angularjs.org/api/ng.filter:filter

Answer 2

好的，在将对象通过控制器传递给模板之前，我已经将对象“展平”为一个简单的集合，因此我不必担心第二个ng-repeat循环。输出是

[{ name : 'foo' }, { name : 'bar' }, { name : 'foobar' }]