ripetizioni irregolari nella tabella utilizzando Javascript e Angular.JS

Question

Vorrei iterare su alcuni dati in questo modo:

<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) e (b) [c, d, e ...] sarebbe usa anche l'oggetto "item in val.items", ma {{item.ingredients}} non è un'espressione valida lì, perché è fuori dallo <td> con l'oggetto che voglio usare per creare più colonne.

Esempio di ciò che sarebbe simile: http://jsfiddle.net/yj7xopgy/

Esiste un modo per fare qualcosa di simile?

Answer 1

Utilizzare 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