AngularJS Ionic创建5列动态表

Question

我正在尝试使用ionic和AngularJS创建一个动态表，每行只有5列。如何遍历JSON DOM，因此我不会每行重复相同的记录5次。这是我的标签的结构。非常感谢。

<div class=“row” hg-repeat=“item in items”ng-controller=“myController”>
<div class=“col col-15”>
    <div class=“row”>
        <div class=“col col-25”>{{item.productName}}</div>
        <div class=“col col-75”>{{item.price}}</div>
    </div>
</div>

<div class=“col col-15”>
    <div class=“row”>
        <div class=“col col-25”>{{item.productName}}</div>
        <div class=“col col-75”>{{item.price}</div>
    </div>
</div>

<div class=“col col-15”>
    <div class=“row”>
        <div class=“col col-25”>{{item.productName}}</div>
        <div class=“col col-75”>{{item.price}</div>
    </div>
</div>

<div class=“col col-15”>
    <div class=“row”>
        <div class=“col col-25”>{{item.productName}}</div>
        <div class=“col col-75”>{{item.price}</div>
    </div>
</div>

<div class=“col col-15”>
    <div class=“row”>
        <div class=“col col-25”>{{item.productName}}</div>
        <div class=“col col-75”>{{item.price}</div>
    </div>
</div>
</div>