以角度 2 绑定图像 src答案

【问题标题】：Binding image src in angular 2以角度 2 绑定图像 src
【发布时间】：2017-11-03 18:27:13
【问题描述】：

如何在 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">

有想法？

【问题讨论】：

添加一个方法并返回相同的方法，你的应用文件夹内的图像不需要它，它通常用于第三方图像
需要添加消毒剂，因为它抱怨不安全 net::ERR_UNKNOWN_URL_SCHEME
您是否尝试过使用[src]='...'？
=您尝试使用驱动器路径，而使用图像文件的相对路径
我将路径名保存在数据库中，如下所示 paths = req.file.path 。所以我得到了完整的驱动路径。也许我在将路径名保存到数据库时遗漏了一些东西

标签： angular

【解决方案1】：

我还不能发表评论，所以我会发布这个作为答案。

HTML

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

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

我希望它对你有用。

【讨论】：