使用 JavaScript 和 Angular.JS table 中的不规则重复

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

使用 JavaScript 和 Angular.JS table 中的不规则重复

Irregular repetitions in table using JavaScript and Angular.JS

javascript

angularjs

ng-repeat

angularjs-ng-repeat