我有一个ng-repeat <ul>
列表。
我想在每个<br>
标记后插入<ul>
。
我怎么能这样做?。
这是我的代码
<ul class="list" ng-repeat="result in results">
<li class="list__header">{{$index+1}}</li>
<li class="list__item">{{result.name}}</li>
<li class="list__item">{{result.address}}</li>
<li class="list__item">{{result.phone_number}}</li>
</ul><br><br>
以上<br>
未呈现
答案 0 :(得分:8)
使用ng-repeat-start
和ng-repeat-end
:
<ul class="list" ng-repeat-start="result in results">
<li class="list__header">{{$index+1}}</li>
<li class="list__item">{{result.name}}</li>
<li class="list__item">{{result.address}}</li>
<li class="list__item">{{result.phone_number}}</li>
</ul><br><br ng-repeat-end />
文档:https://docs.angularjs.org/api/ng/directive/ngRepeat#special-repeat-start-and-end-points
答案 1 :(得分:0)
您还可以为此目的使用自定义指令:
.directive("insertAfter", function(){
return {
scope: {
content: "@"
},
link: function(scope, element, attrs){
element.after(scope.content);
}
}
});
然后在列表中使用它:
<ul class="list" ng-repeat="result in photos" insert-after content="<br>">...</ul>