angular *ngFor循環(huán)出的內(nèi)容可以點(diǎn)擊選擇多個(gè)

我的方案是封裝一下 labels 將其替換成 Object, libraryService.labelsArry 封裝成
Object 數(shù)組

{
   text:'test',
   selected: false
}

然后在 span 上添加一個(gè) class ，由 selected 決定

html:
<span *ngFor="let labels of libraryService.labelsArry" [class.selected]="labels.selected"   (click)="chooseLabel(labels)"  >{{labels.text}} </span>

css:

  .selected{
      color : red;
  }


ts:
chooseLabels(item){
   item.selected=!item.selected;
}