需要创建一个pipe

代码如下

SRE实战 互联网时代守护先锋,助力企业售后服务体系运筹帷幄!一键直达领取阿里云限量特价优惠。
import { Pipe, PipeTransform } from '@angular/core';
import {DomSanitizer} from '@angular/platform-browser';
@Pipe({
  name: 'trustUrl'
})
export class TrustUrlPipe implements PipeTransform {
  constructor(private sanitizer: DomSanitizer) {

  }
  transform(url: any, args?: any): any {
    // 允许通过不安全的 url
    return this.sanitizer.bypassSecurityTrustResourceUrl(url);
  }

}

  

2. 在url中使用此管道

<img src="(baseImgSrc) | trustUrl">

  baseImgSrc  是图片的路径

 

扫码关注我们
微信号:SRE实战
拒绝背锅 运筹帷幄