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

Question

如何将图像从App Component绑定到Angular 2中的HTML文件 这是我的相对路径：assets / 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";

  

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