javascript - Angularjs 每 3 列创建一行

Question

我有一个 json 嵌套数组，如图 fiddle我想将元素显示为行和列。每行应有 3 列。我得到这个fiddle完成相同但它具有简单的 json 数组。这里使用 ng-if 条件将数据分成行。

<div ng-repeat="product in products" ng-if="$index % 3 == 0" class="row">
    <div class="col-xs-4">{{products[$index]}}</div>
    <div class="col-xs-4">{{products[$index + 1]}}</div>
    <div class="col-xs-4">{{products[$index + 2]}}</div>
</div>

但在我的例子中，我想显示数组，如 fiddle 中所示的表结构所示。此外，如果有任何空对象，则应将其忽略。怎么做到的？有什么想法吗？

Answer 1

就这么简单的试试

Working Demo

<div ng-controller="MyCtrl">
    <div ng-repeat="products in items"> 
       <div ng-repeat="product in products">
          <div class="col-xs-4" >{{product.IDTYPE}}</div>
      </div>
    </div>
</div>