ng-repeat,在父数据之间嵌套ng-repeat



我有一个带有玩家数组的对象数组。 我想在表格行中显示信息,但嵌套数组的值在行中间。 我得到了除最后一列之外的所有信息。 它出现空白,告诉我这是一个无效的密钥。

<table class="table table-condensed table-striped"ng-show="vm.registrations.length > 0">
    <thead>
        <td>Day</td>
        <td>Field</td>
        <td>Event</td>
        <td colspan="4">Players</td>
        <td>Status</td>
    </thead>
    <tbody>
        <tr ng-repeat="event in vm.registrations" >
        <td>{{event.day}}</td>
        <td>{{event.field | uppercase }}</td>
        <td>{{event.event}}</td>
        <td colspan="4" ng-if="event.numplayers == 2">
            <span ng-repeat="player in event.players">
              <span>{{player.first}} {{player.last}}</span>
              <span ng-show="$last">, </span>
            </span>
        </td>
        <td>
            <span class="label label-sucess" ng-if="{{event.active}} == true">ACTIVE</span>
            <span class="label label-danger" ng-if="{{event.active}} == false">Canceled</span>
        </td>
        </tr>
    </tbody>
</table>

数据应如下所示(但最后一列为空白,标题除外(:

Day     Field     Event      Players     Status
Sat     MAIN      Mens B     Bob, John   Active
Sun     COED      COED A     Bob, Mary   Canceled

这就是我得到的:

Day     Field     Event      Players     Status
Sat     MAIN      Mens B     Bob, John   
Sun     COED      COED A     Bob, Mary   

如何返回父 ng-repeat 以完成显示?

这里的

错别字

 <span ng-show"$last">

你忘记了平等

 <span ng-show="$last">

这就是为什么你没有看到你的ng重复的最后一个元素

最新更新