且构网

分享程序员开发的那些事...
且构网 - 分享程序员编程开发的那些事

将类添加到Angular 4中的元素

更新时间: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;
}