報錯

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

原因

iframe引入的外部url的資料鏈接不安全。

解決

在組件里面引入angular內(nèi)置的DomSanitizer模塊

import { Component, OnInit } from '@angular/core';
import { DomSanitizer } from '@angular/platform-browser';   # 在組件里面引入angular內(nèi)置的DomSanitizer模塊

@Component({
  selector: 'about',
  templateUrl: './about.html',
  styleUrls: ['./about.less']
})
export class AboutComponent implements OnInit {
  url:any = "";
  constructor(
    private sanitizer: DomSanitizer    # 在構(gòu)造器里面定義屬性
  ) {
    this.url = this.sanitizer.bypassSecurityTrustResourceUrl("http://www.itdecent.cn");  # 將地址轉(zhuǎn)化為安全地址
  }
  ngOnInit(): void {
  }
}

HTML

<iframe  [src]="url"></iframe>
# 需要注意的是在HTML中的地址：
# 正確寫法是： [src]="url"
# 錯誤的寫法是：src="{{url}}"