Angular 使用 frame 加载网络资源显示路径不安全问题

Angular 使用 frame 加载网络资源显示路径不安全问题

做项目的时候，angular 使用 frame 加载网络pdf文件的时候出现 unsafe value 问题，路径不安全。解决办法。

在相应的 ts 文件中编写：

在组件中引入 angular 内置的 DomSanitizer 模块。

import {DomSanitizer} from '@angular/platform-browser';

在构造器里面定义属性。

constructor(private sanitizer: DomSanitizer) {}

定义地址全局变量。

safeUrl : any;

将地址转换为安全地址。

this.safeUrl = this.sanitizer.bypassSecurityTrustResourceUrl(url);

在 HTML 中的写法：

<iframe id="treeid" [src]="safeUrl" width="100%" ></iframe>

需要注意的是在HTML中的地址： 

正确写法是： [src]=”cleanURL(activeMedia.URL)”
错误的写法是： src=”{{cleanURL(activeMedia.URL)}}”

 

 

【版权声明】本博文著作权归作者所有，任何形式的转载都请联系作者获取授权并注明出处！

【重要说明】本文为本人的学习记录，论点和观点仅代表个人而不代表当时技术的真理，目的是自我学习和有幸成为可以向他人分享的经验，因此有错误会虚心接受改正，但不代表此刻博文无误！

【Gitee地址】秦浩铖：​​https://gitee.com/wjw1014​​