以角度2绑定图像src

Question

如何在Angular 2中正确绑定img src？

这是我的HTML

<img src ='sanitizer.bypassSecurityTrustResourceUrl("{{name['_id'].path}}")' class="rounded mx-auto d-block">

但它不是显示图像，而是打印字符串

<img src ='sanitizer.bypassSecurityTrustResourceUrl("E:\projects\p_cheats2\dist\server\controllers\uploads\photo-1509698091986.png")' class="rounded mx-auto d-block">

在想法中？

Answer 1

我还无法发表评论，所以我会将此作为答案发布。

HTML

<img [src]="getBackground()" class="rounded mx-auto d-block">

TS

getBackGround() {
  // you may need domSanitizer here
  return name['_id'].path;
}

我希望它适合你。