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:
Si je fais un console.log(); sur les 2 variables je récupère bien les valeurs..
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3 var lat = resp.coords.longitude; var lng = resp.coords.latitude;
Code de la page home.ts
code de la page home.html
Code : Sélectionner tout - Visualiser dans une fenêtre à part
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); }); } }
{{ lat }} et {{ lng }} n'affiche rien... même pas une erreur..
Code html : Sélectionner tout - Visualiser dans une fenêtre à part
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>
Merci d'avance pour l'aide
Partager