单击时覆盖图像

Question

我正在开发一个买衣服的网站。我需要创建一个产品，在点击口袋图像时，立即在预览中更改。我怎样才能做到这一点？我正在使用Angular 2

Example of how I want to do

Answer 1

<img [src]="imageUrl">
<button (click)="imageUrl='http://example.com/path/image1.png'">Image 1</button>
<button (click)="imageUrl='http://example.com/path/image2.png'">Image 2</button>
<button (click)="imageUrl='http://example.com/path/image3.png'">Image 3</button>

export class MyComponent {
  imageUrl:string;
}