Угловые 5 Блокировка карт iframe google

спросил: 28 марта 2018 в 04:33 в: javascript

У меня есть следующий iframe

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

mapsurl - защищенный url (https)

Я получаю следующую ошибку :

Ошибка ERROR: небезопасное значение, используемое в контексте URL-адреса ресурса (см. http://g.co/ng/security#xss)at DomSanitizerImpl.webpackJsonp ... / .. /. ./platform-browser/esm5/platform-browser.js.DomSanitizerImpl.sanitize

Я проверил несколько ресурсов. Угловые документы невыносимы, как обычно. Я продолжаю исследовать, отредактирую вопрос с выводами. Любая помощь предпочтительна.

1 ответ

Есть решение
Melchia ответил: 28 марта 2018 в 04:39

Используйте 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>
user9487981 ответил: 28 марта 2018 в 04:40
офигенно спасибо Я видел это и исследовал это и пытался осуществить. Действительно ценю! но куда мне импортировать модуль приложения domsanitizer?
user9487981 ответил: 28 марта 2018 в 04:41
Нет, я вижу, что компонент уровня получил его
user9487981 ответил: 28 марта 2018 в 04:41
7 минут, пока я не смогу принять ответ, тогда я буду
Melchia ответил: 28 марта 2018 в 04:42
Рад, что это может помочь вам