Para a ng-repeat
diretiva no angular.js, devemos fornecer o elemento, que será repetido. Mas às vezes queremos ter vários elementos DOM para cada item, sem nenhum wrapper.
No meu caso, eram dois elementos para cada item: a esquerda é estática e a direita para ser classificável:
Para repetição de ng simples, podemos fazer isso apenas com wrapper para cada item:
<div ng-repeat="item in items">
<div>{{item.word}}</div>
<div>{{item.definition}}</div>
</div>
Desde a versão 1.2 em js angulares temos novas directivas – ng-repeat-start
e ng-repeat-end
e agora podemos substituir o nosso código para:
<div ng-repeat-start="item in items">{{item.word}}</div>
<div ng-repeat-end>{{item.definition}}</div>
Use-o!