如何以角度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;
  }
}

我是这个领域的初学者，我想通过改变浏览框中的值来改变图像源。

Answer 1

连接两个兄弟的最简单方法是使用模板变量（如#input 这里：

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