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  是圖片的路徑