Angular 2：ng对于第一个没有属性的类型

Question

我尝试构建一个ngFor循环，并且想要为没有属性的第一个元素添加一个类。

这是我走到这一步：

<div *ngFor="let workout of myProgramm.trainingSchedule[myProgramm.currentWeek]; let i = index;" 
      (click)="goToWorkoutDetailPage(i)" 
      class="my-workout-item {{workout.workout_done ? 'is-done': ''}}"> 
      ..... 
     </div> 

在这个例子中，我想一个类添加到其不具有属性“workout_done”列表中的第一个元素。

这可能吗？

感谢很多:)

Answer 1

你不能做到这一点与*ngFor孤单。没有办法参考*ngFor中的其他项目。

这将是更好地发现，没有workout_done的第一个元素，它的类分配给一个属性firstUndoneWorkout，然后用

<div *ngFor="let workout of myProgramm.trainingSchedule[myProgramm.currentWeek]; let i = index;" 
     (click)="goToWorkoutDetailPage(i)" 
     class="my-workout-item" [class.workout_done]="workout == firstUndoneWorkout"> 
     ..... 
    </div> 

Answer 2

你接近，这样做正确的做法是：

[class.is-done]="workout.workout_done"

，如果你正在寻找一个不具备做workout_done只是检查相反。

这里的模板语法文件：https://angular.io/docs/ts/latest/guide/template-syntax.html#!#ngClass