Question

<div><img class="login-normal"alt="" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC8AAAA8AQMAAADMq3HaAAAAA1BMVEX///+nxBvIAAAAAXRSTlMAQObYZgAAAA5JREFUeNpjYBgFgx0AAAGkAAF+IKsZAAAAAElFTkSuQmCC"><a class="login"></a></div>

我想将类从login-normal更改为login-sel，我两个班上都有一张照片。

通过单击该类，可以将其更改为纯角度。

Answer 1

将来，请删除base64图像，因为它会舍弃代码格式。：）

有很多不同的方法可以做到这一点。最简单的方法是让点击处理程序更改打字稿中的类。

在您的组件中

imageClass: string = 'login-normal'

toggleLoginClass(event: MouseEvent | any) {
   event.preventDefault();
   this.imageClass = this.imageClass === 'login-normal' ? 'login-sel' : 'login-normal';
}

在您的模板中

<div><img (click)="toggleLoginClass($event)" [class]="imageClass" alt="" src="data:image"><a class="login"></a></div>

如何使用Angular 6更改单击类

1 个答案: