如何在<ul>标签上使用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>与3 <li>里面？

Answer 1

您可以使用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工作.