如何在角度4中动态更改图像

Question

export class AppComponent {
  title = 'app';    
  bttnclick(){    
     var a;
     a=(<HTMLInputElement>document.getElementById('browse1')).value    
     console.log(a);        //contains the name of image
     (<HTMLInputElement>document.getElementById('image2')).value=a;
  }
}

i am beginner in this field, i want to change the image source by changing value in the browse box in angular.

Answer 1

The simplest way to connect two siblings is using a template variable (like #input here:

<input #input>
<img src="/my/path/{{input.value}}">