Question

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

Answer 1

使用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

Answer 2

您还可以为此目的使用自定义指令：

 .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>

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

2 个答案: