html - 如何在 Angular 2 中将 App 组件中的图像绑定到 HTML 文件

Question

如何将应用程序组件中的图像绑定到 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>

标签： htmlcssangular

Answer 1

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

所以你只需要更换这个

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

和

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

如果您仍然面临同样的问题，请同时验证您的文件路径。