EXCEPTION: Error: unsafe value used in a resource URL context

叙述

在做项目的时候，遇到了一个错误， a标签引入的外部url的资料链接不安全。
解决方法如下：
在ts中的写法：

在组件里面引入angular内置的DomSanitizer模块

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

在构造器里面定义属性

 constructor(private sanitizer: DomSanitizer) {}  

将地址转化为安全地址

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

在HTML中的写法

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

需要注意的是在HTML中的地址：
正确写法是： [src]=“cleanURL(activeMedia.URL)”
错误的写法是：src="{{cleanURL(activeMedia.URL)}}"

---

感谢您的阅读~~