Не запутанный метод для добавления новой строки после ng-repeat

Question

Как вы определяете, что помещается после (или между) элементами ng-repeat?

Очевидно вместо

<div> 
    <div></div><div></div><div></div><div></div> 
</div>​ 

Я хочу

<div> 
    <div></div> 
    <div></div> 
    <div></div> 
    <div></div> 
</div>​ 

или

<div> 
    <div></div>&#10;<div></div>&#10;<div></div>&#10;<div></div>&#10; 
</div>​ 

Я не хочу использовать дополнительные элементы. Если вам интересно, да, элементы div являются встроенными блоками.

_{PS: Я удалил комментарии, созданные угловыми для наглядности.}

Answer 1

Если, не используйте дополнительный элемент вы имеете в виду вы не хотите, чтобы это сделать:

<div ng-repeat="test in tests"></div> 
    <div></div>&#10 
</div> 

Тогда вы можете быть готовы сделать что-то вроде этого вместо (еще дополнительный элемент, но вы просто обернув & # 10:

<div ng-repeat-start="test in tests"></div> 
<span ng-repeat-end>&#10</span> 

http://jsfiddle.net/cwnr8ag5/

Othewise, вы должны использовать директиву:

<div ng-repeat="test in tests" append="|">test</div> 
.directive('append', [function() { 
return { 
    restrict: 'A', 
    scope: { 
     append: '@', 
    }, 
    replace: false, 
    link: function (scope, elem, attrs, ngModel) { 
     $(elem).after(scope.append); 
    } 
} 

http://jsfiddle.net/5gcsscr3/

Было бы трудно сделать это во время компиляции ... внутри <ng-repeat>, функция ссылка выполняется после того, как шаблон был клонирован для этого конкретного элемента, чтобы сделать это раньше. .. Я не знаю, будет ли это работать даже с угловыми повторениями. Возможно, стоит сделать снимок, но я просто не знаю.

Edit:

Он работает с , если передать его в качестве переменной, а не как строки:

http://jsfiddle.net/5gcsscr3/3/