nieregularne powtórzeń w tabeli za pomocą JavaScript i angularjs

Question

chciałbym iteracyjnego niektórych danych w następujący sposób:

<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) i (b) [c, d, e, ...] Byłoby również użyj obiektu "item in val.items", , ale {{item.ingredients}} nie jest tam prawidłowym wyrażeniem, ponieważ jest poza obiektem, którego chcę użyć do utworzenia większej liczby kolumn.

Przykład co to będzie wyglądać: http://jsfiddle.net/yj7xopgy/

Czy istnieje jakiś sposób, żeby zrobić coś takiego?

Answer 1

Użyj 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