Я добавляю 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
не определено.