如何将图像从App Component绑定到Angular 2中的HTML文件

Question

如何将图像从App Component绑定到Angular 2中的HTML文件这是我的相对路径：asset / images / MyProfile_Summary_1x.png

 export class MyProfile { image :"./assets/images/MyProfile_Summary_1x.png"; } 

 body { margin: 0; } #over img { margin-left: auto; margin-right: auto; display: block; } 

  <div id="over" style="position:absolute; width:100%; height:100%"> <img [src]="image"> </div> 

Answer 1

实际上，您正在使用colon运算符，该运算符用于定义ts中任何变量的类型

所以你只需要替换这个

image :"./assets/images/MyProfile_Summary_1x.png";

同

image = "./assets/images/MyProfile_Summary_1x.png";

如果仍然遇到相同的问题，请同时验证文件路径。