首页 > Web开发 > 详细

angular6 safe url pipe

时间:2019-02-14 15:03:01      阅读:297      评论:0      收藏:0      [点我收藏+]

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">

 

angular6 safe url pipe

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

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!