单击角度6中的按钮后如何用另一个图像替换一个图像？

Question

我有一个包含图片和名称的按钮。单击该按钮后，我需要替换图像和内容。我在下面给出了我的代码。

<div class="btn-default">
  <button name="Save" [ngClass]="[bntStyle]" (click)="submit()">
   <img class="img1" src="./image1.png"/><a 
   class="sidebarlinks" >Content1</a>
  </button>
</div>

同样，我还有几个按钮。

我的ts文件：

 submit() {
   this.bntStyle = 'btn-change';
}

我的css文件：

.btn-change {
 background-image: url("./image1_after_click.png");
}

有人可以帮我吗？

Answer 1

您需要从ngClass值中删除[]

<button name="Save" [ngClass]="bntStyle" (click)="submit()">