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

Question

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

我在控制台中看到这个错误:

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

Answer 1

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

例如:

public fullPath:string;
public myPicture:string;

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

html

 <img [src]="fullPath" />