Zugriff auf Variablen in der Angular2-Ansicht

Question

Wie kann ich die in meiner Vorlage zurückgegebenen Koordinaten anzeigen?

export class DashboardPage { 
    constructor(public navCtrl: NavController) { 
    Geolocation.getCurrentPosition().then(pos => { 
     console.log(pos.coords.latitude, pos.coords.longitude); 
    }); 
    } 
} 

Ich habe versucht:

export class DashboardPage { 

    constructor(public navCtrl: NavController) { 

    Geolocation.getCurrentPosition().then(pos => { 
     this.latitude = pos.coords.latitude; 
     this.longitude = pos.coords.longitude; 
    }); 

    } 

} 

Aber das gibt mir eine Fehlermeldung:

Typescript Error 
Property 'latitude' does not exist on type 'DashboardPage'. 
src/pages/dashboard/dashboard.ts 
Geolocation.getCurrentPosition().then(pos => { 
this.latitude = pos.coords.latitude; 
this.longitude = pos.coords.longitude; 

Ich hatte gehofft, in der Lage sein zu verwenden {{Breite}} und {{Länge} } innerhalb meiner Vorlage

Answer 1

Sie müssen Ihre Eigenschaften deklarieren:

export class DashboardPage { 

    latitude: number; 
    longitude: number; 

    constructor(public navCtrl: NavController) { 

    Geolocation.getCurrentPosition().then(pos => { 
     this.latitude = pos.coords.latitude; 
     this.longitude = pos.coords.longitude; 
    }); 
    } 
} 

Answer 2

Wenn Sie mehr angular2 sein/rxjs orientiert:

<div>lat: {{(geoData$|async)?.latitude}}</div>