javascript - AngularJS 在表中嵌套 ng-repeats

Question

我有大量用户连续几天的可用性数据，格式如下:

availData = { "date1":arrayOfUsers, "date2":arrayOfUsers, ... }

arrayOfUsers= [ userArray, userArray, ... ]

userArray= [ "username", "h0", "h1", "h2", ... "h23" ]

我有这种形式的arrayOfUsers，这样我就可以根据它们的“h0”..“h23”值对它们进行排序。这对于一个 View 来说一切正常，但我现在想使用相同的数据并为一个选定的“用户名”创建一个包含以下内容的表:

date1  h0  h1  h2 ... h23
date2  h0  h1  h2 ... h23
...

到目前为止，我可以做到这一点:

<!-- rows of avail data... -->
<tr ng-repeat="(aDay,aUsers) in allAvailData track by $index">
 <td >{{aDay}}</td>
 <td ng-repeat="aUser in aUsers" ng-show="aUser[0]=='YR005'" >
   <span ng-repeat="hour in aUser track by $index" ng-show="!$first">{{hour}}
   </span>
 </td>
</tr>

给出一个 2 列表行:"date""h0h1h2h3h4"

但我真正想要的是单独的条目...这不起作用:

<!-- rows of avail data... -->
<tr ng-repeat="(aDay,aUsers) in allAvailData track by $index">
 <td >{{aDay}}</td>
 <span ng-repeat="aUser in aUsers" ng-show="aUser[0]=='YR005'" >
    <td ng-repeat="hour in aUser track by $index" ng-show="!$first">{{hour}}</td>
 </span>
</tr>

我使用 Angular 的时间并不长，我想知道这种事情是否可能，而不仅仅是将数据重组到另一个数组中。

问题是:

1. 为什么尝试嵌套 ng-repeat 不起作用？
2. 我可以用另一种方式嵌套 ng-repeat 吗？
3. 我的做法是错的吗？

Answer 1

如果你做类似的事情，它应该会起作用

<tr ng-repeat="(aDay,aUsers) in allAvailData track by $index">
  <td >{{aDay}}</td>
  <td ng-repeat="hour in getSelectedUser() track by $index" ng-show="!$first">{{hour}}</td>
</tr>

实现 getSelectedUser 方法，根据您的过滤器逻辑从 arrayofusers 返回单个项目。