指數納克級的不能正常工作

Question

我有這個代碼的問題：

<div> 
       <table class="list" border="0" cellpadding="0" cellspacing="0"> 
        <thead> 
         <tr class="headerRow"> 
          <th>Action&nbsp;</th> 
          <th>Busy&nbsp;</th> 
          <th>Subject&nbsp;</th> 
          <th ng-repeat="hour in hours">{{hour | number:2}}</th> 
         </tr> 
        </thead> 
        <tbody> 
         <tr ng-repeat="item in items"> 
          <td>{{item.name}}</td> 
          <td>{{item.activityDate | date:'dd/MM/yyyy'}}</td> 
          <td>{{item.subject}}</td> 
          <td ng-repeat="hour in hours" 
           ng-class="{BusyCell: hours[$index] >= item.startDateTime && hours[$index] <= item.endDateTime}"></td> 
         </tr> 
        </tbody> 
       </table> 
      </div> 

在納克級的我的色彩呈現每個單元格是數組的startDateTime和endDateTime的，但它只能對於在這些數組中只有一個值的第一行，對於具有兩個值的第二行不起作用。 你有什麼建議嗎？ 在此先感謝！

Answer 1

我想你忘記了在ng-repeat中使用「track by $ index」。

實施例：

<div ng-repeat="n in [42, 42, 43, 43] track by $index"> 

退房的文檔。 https://docs.angularjs.org/api/ng/directive/ngRepeat

Answer 2

這是一個基本的plnkr

但是，它表明你並不需要使用$index。由於ng-repeat的原因，您已經可以訪問索引中的小時。

<td ng-repeat="hour in hours" ng-class="{BusyCell: hour >= item.startDateTime && hour <= item.endDateTime}"> 
</td>