angular2 图片赋值的时候前面自动加 unsafe:xxx 导致图片信息不显示问题
需要创建一个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 是图片的路径
更多精彩

