Angular 1.3 过滤具有数组属性的对象列表

Question

我希望有人可以帮助我。 对于我目前在 Angular 1.3 中的项目，我正在使用这个列表：

$scope.myList = [{
  id: "obj1",
  content: [{
    id: 1,
    name: 'attr 1'
  }, {
    id: 2,
    name: 'attr 2'
  }, {
    id: 3,
    name: 'attr 3'
  }]
}, {
  id: "obj2",
  content: [{
    id: 4,
    name: 'attr 4'
  }, {
    id: 5,
    name: 'attr 5'
  }, {
    id: 6,
    name: 'attr 6'
  }]
}, {
  id: "obj3",
  content: [{
    id: 7,
    name: 'attr 7'
  }, {
    id: 8,
    name: 'attr 8'
  }, {
    id: 9,
    name: 'attr 9'
  }]
}];

我想获取内容数组中 id 为 X 的对象。

我使用了这个 ng-repeat：

<ul>
  <li ng-repeat="item in myList | filter: {content: [{id:1}]}">
    {{item}}
  </li>
</ul>

当我使用 id:1、id:4 或 id:7 时，它可以工作，但不适用于其他 id...

有人有什么想法吗？

编辑

我终于找到了导致问题的原因，我使用的是 angular 1.3.0。升级到 1.3.11 后它工作了！！

Answer 1

您可以像这样基于嵌套属性进行过滤：

<li ng-repeat="item in myList | filter: {content: {id: '1'}}">
   {{item}}
</li>

请务必注意，您将获得的“对象”（具有 id X）将位于 item 级别。