在angular2中插入相对路径的图像

发布时间：2020-12-17 17:06:39 所属栏目：安全来源：网络整理

导读：我正在尝试在angular2中插入图像. 我的图片名称保存在mypicture变量中. 我试过这种方式 img [src] =“../../../ public / img / {{mypicture}}”/但它不起作用. 我在控制台中看到此错误： Error: Uncaught (in promise): Template parse errors:Parser Error

我正在尝试在angular2中插入图像.
我的图片名称保存在mypicture变量中.
我试过这种方式< img [src] =“../../../ public / img / {{mypicture}}”/>但它不起作用.

我在控制台中看到此错误：

Error: Uncaught (in promise): Template parse errors:
Parser Error: Got interpolation ({{}}) where expression was expected

解决方法

而不是那样做
在绑定之前联系完整路径

例如：

public fullPath:string;
public myPicture:string;

getMyPicture(){
   this.fullPath = "../../../public/img/"+ this.myPicture;
 }

HTML

<img [src]="fullPath" />

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!