Проблема с ионным3 / угловым домсанитизатором - PullRequest
0 голосов
/ 30 августа 2018

Я добавляю DOM Sanitizer в мое приложение ionic3. Потому что я хочу встроить карту Google, но он говорит, что DomSanitizer не определен. Я перепробовал много примеров, приведенных здесь, на stackoverflow, но все же не повезло.

Мой код track.ts:

import {Component} from '@angular/core';
import {DataProvider} from '../../providers/data/data';
import { DomSanitizer, SafeResourceUrl, SafeUrl} from '@angular/platform-browser';

@Component({
  selector: 'page-track',
  templateUrl: 'track.html',
})

export class TrackPage {

  track: any;
  user: any;
  map: GoogleMap;
  marker: any;
  timer: any;
  initialized = false;

  constructor(public _data: DataProvider) {}
  constructor(private sanitizer: DomSanitizer) {}


  ngOnInit() {
    this.map = null;
    this.marker = null;
    this.initialized = false;
    this.checkForTrackingAvailability();
  }

    //this.sanitizer = sanitizer;
  checkForTrackingAvailability() {
    this._data.get('trackgps').subscribe((res: any) => {
      if (res && res.response === 200 && res.data) {
        this.track = Object.assign({}, res.data);
        this.loadMap();
      } else {
        this.track = null;
      }
      this.initialized = true;
    });
  }

  loadMap() {
    const latLng = {lat: this.track.latitude, lng: this.track.longitude};
    var lat = this.track.latitude;
    var lng = this.track.longitude;
    console.log(this.sanitizer);

    return this.sanitizer.bypassSecurityTrustResourceUrl("//www.google.com/maps/embed/v1/place?q="+lat+","+lng+"&key=MY_API_KEY");

  }


  ngOnDestroy() {
    if (this.timer) {
      clearInterval(this.timer);
    }
  }
}

После запуска этого кода, следующий вывод. Я не знаю, что не так. Также консоль говорит, что this.sanitize не определено.

enter image description here

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...