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)}}”
【版权声明】本博文著作权归作者所有,任何形式的转载都请联系作者获取授权并注明出处!
【重要说明】博文仅作为本人的学习记录,论点和观点仅代表个人而不代表技术的真理,目的是自我学习和有幸成为可以向他人分享的经验,因此有错误会虚心接受改正,但不代表此刻博文无误!
【博客园地址】粘你一身大鼻嘎 : http://www.cnblogs.com/wjw1014
【CSDN地址】粘你一身大鼻嘎 : https://wjw1014.blog.csdn.net/
【Gitee地址】粘你一身大鼻嘎 :https://gitee.com/wjw1014
【重要说明】博文仅作为本人的学习记录,论点和观点仅代表个人而不代表技术的真理,目的是自我学习和有幸成为可以向他人分享的经验,因此有错误会虚心接受改正,但不代表此刻博文无误!
【博客园地址】粘你一身大鼻嘎 : http://www.cnblogs.com/wjw1014
【CSDN地址】粘你一身大鼻嘎 : https://wjw1014.blog.csdn.net/
【Gitee地址】粘你一身大鼻嘎 :https://gitee.com/wjw1014