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

更多精彩