angular6 safe url pipe

时间：2019-02-14 15:03:01 收藏：0 阅读：297

safe-url.pipe.ts

import { Pipe, PipeTransform } from ‘@angular/core‘;
import { DomSanitizer } from ‘@angular/platform-browser‘;

@Pipe({
  name: ‘safeUrl‘
})
export class SafeUrlPipe implements PipeTransform {

  constructor(private sanitizer: DomSanitizer) {}
  transform(url: any, args?: any): any {
    return this.sanitizer.bypassSecurityTrustUrl(url);
  }

}

html引用：

 <img [src]="user.image | safeUrl">

原文：https://www.cnblogs.com/lucifer-acc/p/10374374.html