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