angular6 safe url pipe

safe-url.pipe.tshtml

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引用:this

 <img [src]="user.image | safeUrl">
相關文章
相關標籤/搜索