更新时间:2023-12-02 23:40:22
使用[ngClass]
,并根据id
有条件地应用类.
Use [ngClass]
and conditionally apply class based on the id
.
在您的HTML文件中:
<li>
<img [ngClass]="{'this-is-a-class': id === 1 }" id="1"
src="../../assets/images/1.jpg" (click)="addClass(id=1)"/>
</li>
<li>
<img [ngClass]="{'this-is-a-class': id === 2 }" id="2"
src="../../assets/images/2.png" (click)="addClass(id=2)"/>
</li>
在您的TypeScript文件中:
addClass(id: any) {
this.id = id;
}