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)}}”

参考自：https://blog.csdn.net/zmh458/article/details/81435818