Angular2 - Component variabler Wert eingestellt auf Callback-Funktion nicht in Vorlage aktualisiert

Question

User Case: Wenn Anwendung im Webbrowser geöffnet ist, erhält Benutzer ändern- "Know your location" mit Optionen "Zulassen" und "Verweigern".

Ich habe folgenden Codebeispiel.

ngOnInit() { 
    if ("geolocation" in navigator) { 
    navigator.geolocation.getCurrentPosition((position) => { 
     this.latitude = position.coords.latitude; 
     this.longitude = position.coords.longitude; 
     this.zoom = 18; 
    }); 
    } 
} 

das funktioniert, wie ich, dass die endgültigen Werte der Breiten- und Längen sehen console.log können aktuelle Lage ist anders, wenn erlaubt es den Standardwert, den ich hart codiert.

Hier ist mein Problem dieser aktualisierten aktuellen Standort Änderungen können nicht in Vorlage zu sehen, wenn es {{latitude}} drucken und {{longitude}}

Ich habe versucht, ngZone und ChangeDetectorRef verwenden, aber war kein Erfolg

jemand

Answer 1

helfen kann

Die Geolocation-API wird nicht von der Angulars-Zone abgedeckt. der Rückruf innerhalb winkelförmigen Stangen Zone wird hiermit ausdrücklich und Winkeländerungserkennung laufen Stellen führen und sicherstellen, dass die Ansicht aktualisiert:

constructor(private zone:NgZone) {} 

ngOnInit() { 
    if ("geolocation" in navigator) {     
    navigator.geolocation.getCurrentPosition((position) => { 
     this.zone.run(() => { 
     this.latitude = position.coords.latitude; 
     this.longitude = position.coords.longitude; 
     this.zoom = 18; 
     }); 
    }); 
    } 
}