ionic.3 Afficher le contenu d'une variable sur la page
bonjour à tous
je début sur Ionic et entre autre Angular...
je rencontre un problème vraiment banale..
je n'arrive pas à afficher la valeur de la variable sur ma page...
Les variables en question:
Code:
1
2
3
|
var lat = resp.coords.longitude;
var lng = resp.coords.latitude; |
Si je fais un console.log(); sur les 2 variables je récupère bien les valeurs..
Code de la page home.ts
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
|
import { Component } from '@angular/core';
import { NavController, Platform } from 'ionic-angular';
// importation des plugins
import { Geolocation } from '@ionic-native/geolocation';
@Component({
selector: 'page-home',
templateUrl: 'home.html'
})
export class HomePage {
constructor(public navCtrl: NavController, private geolocation: Geolocation, public platform: Platform) {
platform.ready().then(() =>{
this.loadPosition();
});
}
loadPosition(){
this.geolocation.getCurrentPosition().then((resp) => {
// resp.coords.latitude
//let userPosition: LatLng = news LatLng(resp.coords.latitude,resp.coords.longitude);
console.log(resp.coords.latitude + ' ' + resp.coords.longitude);
var lat = resp.coords.longitude;
var lng = resp.coords.latitude;
// resp.coords.longitude
}).catch((error) => {
console.log('Error getting location', error);
});
}
} |
code de la page home.html
Code:
1
2
3
4
5
6
7
8
9
10
11
12
| <ion-header>
<ion-navbar>
<ion-title>Home</ion-title>
</ion-navbar>
</ion-header>
<ion-content padding>
<h2>Welcome to Ionic!</h2>
<p>
Latitude {{ lat }}, Longitude{{ lng }}
</p>
</ion-content> |
{{ lat }} et {{ lng }} n'affiche rien... même pas une erreur..
Merci d'avance pour l'aide
