如何改變風格* ngFor（循環）角2

Question

我做了一組複選框與* ngFor，我想，如果我點擊他們每個人的他們的顏色改變，如果再次單擊顏色恢復到以前的顏色：

<div *ngFor="let chekb of amenities" class="checkbox col-md-4 nopadding"> 
<label> 
    <input class="removebox" type="checkbox" (change)="changecheckbox($event)" name="checked" [(ngModel)]="chekb.checked"> 
    {{chekb.title}} 
</label> 
</div> 

組件：

public amenities: checkBoxClass[] = [ 
{title:"pool",value:"pool" ,checked:false}, 
{title:"parking",value:"parking", checked:false} 
] 

其實這是一個複選框以選擇任何他們可以是一個或兩個以上。 如何通過點擊它們來改變它們的顏色？ 非常感謝。

Answer 1

@component({ 
    ... 
    ... 

/****** added style ******/ 
    style:[ 
    ` 
     mycolor:{background : red}    
    ` 
    ] 

})  


<div *ngFor="let chekb of amenities;let i=index"   //modified 
     class="checkbox col-md-4 nopadding"> 
      <label [class.mycolor]="chekb.checked">   //modified 
       <input class="removebox" 
        type="checkbox" 
        (change)="changecheckbox($event)" 
        name="checked" 
        [(ngModel)]="chekb.checked"> 

          {{chekb.title}} 

      </label> 
</div>