EXCEPTION: Error: unsafe value u

报错

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}}"