angularjs - ng-repeat 具有特定 ID 的内部文档

Question

我有一个包含数组的文档，例如:

$scope.items = [
      {
        "id": 1,
        "name": "Apple"
        "types": [{ 
                  "color": "red"
                  "size": "xxl
                 },
                 {
                  "color: "green"
                  "size": "S"                                  
                 }]
      },
      { 
        ...
      }]

而且我想显示来自 Array "types" 的所有记录，仅为项目 ID = 1。

我试过了(没用):

table(style="width:100%")
     tr(ng-repeat="type in items.types" ng-if="items.id==1")
          td
              p {{ type.color}}
          td
              p {{ type.size}}

Answer 1

这可以通过两个带过滤器的 ng-repeat 轻松实现，它将过滤掉 id 1 的项目，然后执行 ng-repeat 在 types 集合上。

table(style="width:100%")
   tbody(ng-repeat="item in items | filter: {id: 1 }: true")
     tr(ng-repeat="type in items.types")
          td
              p {{ type.color}}
          td
              p {{ type.size}}