angular - 在angular2中插入具有相对路径的图像

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

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

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

最佳答案

而不是这样做
绑定(bind)前联系完整路径

例如:

public fullPath:string;
public myPicture:string;

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

html

 <img [src]="fullPath" />

关于angular - 在angular2中插入具有相对路径的图像，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/37239202/