10

使用此代码：

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

我最终得到了三个 <ul>，每个里面都有一个 <li>。

我怎样才能得到一个 <ul>与三个 <li>里面？

4

3 回答 3

27

您可以使用ng-repeat-start 指令：

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

它在plnkr中工作。

于 2013-09-10T19:26:09.543 回答
4

你可以这样做：

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

于 2016-01-06T10:47:06.887 回答
1

您可以将 ng-repaet 用作：

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

{{rp}}重复对象 x 次

输出应该是这样的：

.list 1

.list 2

.list 3

于 2018-02-06T11:57:55.240 回答