クリックして画像を上書きする

Question

私は服を買うサイトを開発しています。私は、ポケットイメージをクリックするとすぐにプレビューで変更する製品を作成する必要があります。どうやってやるの？私はあなたが、少なくとも自分のためにこれをコーディングすることを試みることが期待されている角度の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; 
}