角度 5 阻止 iframe 谷歌地图

Question

>我有以下iframe。

<iframe
  width="600"
  height="450"
  frameborder="0" style="border:0"
  [src]="mapsurl" allowfullscreen>
</iframe>

mapsurl是安全网址 (HTTPS(

我收到以下错误：

错误

错误：资源 URL 上下文中使用的不安全值(请参阅 http://g.co/ng/security#xss( at DomSanitizerImpl.webpackJsonp.../../../platform-browser/esm5/platform-browser.js.DomSanitizerImpl.sanitize

我检查了一些资源。棱角分明的文档像往常一样难以忍受。我正在继续研究将编辑问题与发现。任何帮助都是首选。

Answer 1

使用 DomSanitizer

   import { DomSanitizer } from '@angular/platform-browser';
   constructor(public sanitizer: DomSanitizer){}

然后在 HTML 中：

    <iframe [src]='sanitizer.bypassSecurityTrustResourceUrl(mapsurl)'  width="600"
  height="450"
  frameborder="0" style="border:0"
  allowfullscreen>
    </iframe>