在具有特定ID的文档内部重复

时间:2016-05-31 06:02:52

标签: angularjs node.js angularjs-ng-repeat pug ng-repeat

我的文档里面有例如:

$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}}

1 个答案:

答案 0 :(得分:3)

这可以通过使用两个带有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}}