angularjs - 如何在 标签上使用 AngularJS ng-repeat 而不重复？

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 中工作.