angular2 图片赋值的时候前面自动加 unsafe:xxx 导致图片信息不显示问题

需要创建一个pipe

代码如下

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 是图片的路径