Unregelmäßige Wiederholungen in der Tabelle mit JavaScript und Angularjs

Question

Ich mag würde einige Daten wie diese iterieren:

<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) und (b) [und c, d, e ...] würde Verwenden Sie auch das Objekt "item in val.items", , aber {{item.ingredients}} ist dort kein gültiger Ausdruck, da es außerhalb der <td> mit dem Objekt liegt, das ich zum Erstellen weiterer Spalten verwenden möchte.

Beispiel, wie es aussehen würde: http://jsfiddle.net/yj7xopgy/

Gibt es eine Möglichkeit, so etwas zu tun?

Answer 1

Verwenden Sie 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