<br/>标签在ng-repeat angular-js中

时间:2015-11-14 14:22:37

标签: javascript html angularjs

我有一个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>未呈现

2 个答案:

答案 0 :(得分:8)

使用ng-repeat-startng-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>