Angular2ビューの変数へのアクセス

Question

テンプレートで返された座標を表示するにはどうすればよいですか？

export class DashboardPage { 

    constructor(public navCtrl: NavController) { 

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

    } 

} 

をしかし、これは私にエラーを与える：

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

私が試みた

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; 

Iは{{緯度}}を使用することができるように期待していた

と{{経度} }私のテンプレート内

Answer 1

あなたのプロパティを宣言する必要があります：

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

あなたは指向よりangular2/rxjsになりたい場合は：あなたのビューで

export class DashboardPage { 
    geoData$: Observable<any>; 
    constructor(public navCtrl: NavController) { 
    this.geoData$ = Observable.fromPromise(Geolocation.getCurrentPosition()); 
    } 

} 

、その後：

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