javascript - 使用 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...] 也会使用对象“item in val.items”，但是 {{item.ingredients}} 不是一个有效的表达式，因为它不在 <td> 中。使用我想用来创建更多列的对象。

外观示例:http://jsfiddle.net/yj7xopgy/

有什么办法可以做到这一点吗？

Answer 1

使用ng-repeat-start and 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>

Updated Fiddle