Question

使用此代码：

<ul data-ng-repeat="airport in airports">
            <li>{{airport.code}}</li>
            <li>{{airport.city}}</li>
            <li>{{airport.name}}</li>
</ul>

我最终得到三 <ul>，每个一个 <li>。

如何在三 <ul>内获得一个 <li>？

Answer 1

您可以使用ng-repeat-start directive：

<ul>
    <li ng-repeat-start="airport in airports">{{airport.code}}</li>
    <li>{{airport.city}}</li>
    <li ng-repeat-end>{{airport.name}}</li>
</ul>

此处正在使用plnkr。

Answer 2

你可以这样做：

＆＃13;

<html ng-app>
    <head>
        <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.22/angular.min.js"></script>
    </head>

    <body>
        <ul>
            <li ng-repeat='i in [1,2,3]'>{{i}}</li>
        </ul>
    </body>
</html>

＆＃13;

Answer 3

您可以将ng-repaet用作：

<ul>
    <li ng-repeat="rp in $ctrl.repeat">{{rp}}</li>
</ul>

{{rp}} 重复对象x时间

输出应该是这样的：

.list 1

.list 2

.list 3

如何在<ul>标签上使用AngularJS ng-repeat而不重复它？</ul>

3 个答案: