Question

所以我想在我的模板视图中显示地理位置的结果。我得到错误＆＃34;无法读取未定义的属性坐标＆＃34;以下是代码

＆＃13;

getGeolocationPosition() {

      this.geolocation.getCurrentPosition().then((resp) => { 
        
        var lati = resp.coords.latitude;
        var longi = resp.coords.longitude;
        // let pos = {
        //   lat: resp.coords.latitude,
        //   lng: resp.coords.longitude,
          
        // };
        console.log(lati, longi);
      }).catch((error) =>{
        console.log('Error getting location' + JSON.stringify(error) );
      });
    
  }

＆＃13;

<ion-card>
    <ion-card-header>What's your current location?</ion-card-header>
    <ion-card-content>
      <button ion-button round (click)="getGeolocationPosition()">Get location</button>
      <ion-input readonly="true" placeholder="Latitude">{{resp.coords.latitude}}</ion-input>
      <ion-input readonly="true" placeholder="Longitude"></ion-input>
    </ion-card-content>
  </ion-card>

＆＃13;

Answer 1

为类提供一个名为geoResult的属性，并将其设置为来自异步离子本机调用的resp对象。

this.geoResult = resp：

在你的html中，使用geoResult进行插值

在离子模板中显示数据

1 个答案: