将活动类添加到每个单击的按钮，Angular 4

I have:

<button *ngFor="let button of buttons" [ngClass]="{'active': isClicked}" (click)="isClicked = !isClicked"

Result:

屏幕上的 10x 按钮。

当我点击 1 号按钮时： 每个按钮都会获得“.active”类

但我想：

当我点击button number 1: 会上课“。积极的”。

当我点击button number 3: 将上课”。积极的”。

当我点击button number 6: 会上课“。积极的”。

Result:

Button 1, Button 3, Button 6- 每个按钮都会获得“.active”类

怎么做？

笨蛋：https://plnkr.co/edit/lX3DjN46STmo6gfBkPCc?p=preview

只需维护一个临时数组

<button *ngFor="let button of [1,2,3,4]; let i = index" [ngClass]="{'active':isClicked[i]}" (click)="isClicked[i] = (isClicked[i]? false :true )">button</button>

在组件中public isClicked = [];

工作小提琴手 -->https://plnkr.co/edit/MwuWhtBPPQUQCG2Y9qmx?p=preview

希望能帮助到你！！