使用JavaScript和Angular.JS在表格中不规则重复

Question

我想迭代这样的一些数据:

<table>
    <tr ng-repeat="(k,val) in items">
        <td>{{k}} {{val.style}}</td>
        <td ng-repeat="(k2, item) in val.items">{{item.title}}</td>
        <td>{{item.ingredients}}</td> <-- (a)
        <td>{{item.moreInfo}}</td> <-- (b)
    </tr>
</table>

(a)和(b)[和c,d,e ...]也会使用对象"val.items中的项目",但{{item.ingredients}}不是那里的有效表达式,因为它已经出来了的<td>使用,我想用它来创建多个列中的对象.

它的样子示例:http://jsfiddle.net/yj7xopgy/

有没有办法做那样的事情？

Answer 1

使用ng-repeat-start和ng-repeat-end.

<td ng-repeat-start="(k2, item) in val.items">{{item.title}}</td>
<td>{{item.ingredients}}</td> 
<td ng-repeat-end>{{item.moreInfo}}</td>

更新了小提琴