报错
EXCEPTION: Error: unsafe value used in a resource URL context
原因
iframe引入的外部url的资料链接不安全。
解决
在组件里面引入angular内置的DomSanitizer模块
import { Component, OnInit } from '@angular/core';
import { DomSanitizer } from '@angular/platform-browser'; # 在组件里面引入angular内置的DomSanitizer模块
@Component({
selector: 'about',
templateUrl: './about.html',
styleUrls: ['./about.less']
})
export class AboutComponent implements OnInit {
url:any = "";
constructor(
private sanitizer: DomSanitizer # 在构造器里面定义属性
) {
this.url = this.sanitizer.bypassSecurityTrustResourceUrl("https://www.jianshu.com"); # 将地址转化为安全地址
}
ngOnInit(): void {
}
}
HTML
<iframe [src]="url"></iframe>
# 需要注意的是在HTML中的地址:
# 正确写法是: [src]="url"
# 错误的写法是:src="{{url}}"
网友评论