如何删除添加到img src的“不安全”

Question

我正在img src上使用Angular数据绑定，所以我的代码是

<img src="{{ baseURL + dish.image }}">

结果在页面中

<img  src="unsafe: http://localhost:3000/images/zucchipakoda.png">

我要删除“不安全：”以显示图像。

the result i got

Answer 1

请在构造函数中注入DomSanitizationService

示例：

constructor( private dom: DomSanitizationService) {}
photoURL(imageUrl) {
  return this.dom.bypassSecurityTrustUrl(imageUrl);
}

没有功能photoUrl的OR，您可以尝试

<img src="dom.bypassSecurityTrustUrl(imageUrl)"/>

  

note：用于（angular7 +）和DomSanitizationService（angular2 +）的DomSanitizer