需要创建一个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 是图片的路径