ATUALIZAÇÃO : Esta resposta está desatualizada. Por favor, veja a resposta de @IgorMinar e use padrões ng-repeat-start
e ng-repeat-end
diretivas.
Existem duas opções:
A primeira opção é criar uma diretiva que irá renderizar várias tags e substituir a tag de origem ( jsfiddle )
<div multi ></div>
angular.module('components').directive('multi', function ($compile) {
return {
restrict: 'A',
scope : {
first : '=',
last : '=',
},
terminal:true,
link: function (scope, element, attrs) {
var tmpl = '', arr = [0,1,2,3]
for (var i in arr) {
tmpl +='<div>another div</div>'
}
var newElement = angular.element(tmpl);
$compile(newElement)(scope);
element.replaceWith(newElement);
}
})
A segunda opção é usar o código-fonte atualizado do angular que ativa a diretiva ngRepeat do estilo de comentário ( plnkr )
<body ng-controller="MainCtrl">
<div ng-init="arr=[0,1,2]" ></div>
<!-- directive: ng-repeat i in arr -->
<div>{{i}}</div>
<div>{{ 'foo' }}</div>
<!-- /ng-repeat -->
{{ arr }}
<div ng-click="arr.push(arr.length)">add</div>
</body>