Angular 6 улучшить DomSanitizer установить Google Map Ifram SRC изменения - PullRequest
Новая
       21

Angular 6 улучшить DomSanitizer установить Google Map Ifram SRC изменения

0 голосов
/ 14 сентября 2018

Когда я использую DomSanitizer для установки карты Google iframe src, я нахожу плохой опыт.

Когда компонент страницы имеет изменение или активное событие, например, событие ввода формы (blur) (не отправка формы), DomSanitizer был активен три раза. карта Google iframe продолжит мигать, перезагрузив карту.

Как улучшить, как сначала определить, изменился ли URL? Но похоже, что возникнут некоторые конфликты.

HTML: 

 <iframe 
    width="100%" 
    height="240px" 
    frameborder="0" 
    tyle="border:0" 
    [src]="getUrl()"
    allowfullscreen>
 </iframe>

component.ts: 

import { DomSanitizer } from '@angular/platform-browser';
src: any;
loc: string ='location';
this.mapUrl: string = 'google map api url';

constructor(private sanitizer: DomSanitizer) {}

ngOnInit() {
   //sample parameters, non-real URL
   this.src = this.mapUrl + loc;
}

geUrl() {
  return this.sanitizer.bypassSecurityTrustResourceUrl(this.src);
}
...