Angular 2 : Cannot set property 'location' of null

Question

我对 Angular 2 还是很陌生，无法解决这个问题。

我试图获取用户的当前位置并将他的坐标保存在一个名为“location”的变量中。尝试完成此操作时，我收到以下错误消息:

代码如下所示:

import { Component, AfterViewInit } from '@angular/core';
import { AngularFire, FirebaseListObservable, FirebaseObjectObservable } from 'angularfire2';
import { AgmCoreModule } from 'angular2-google-maps/core';


@Component({
selector: 'app-home',
templateUrl: './app.home.html',
styleUrls: ['./app.home.css']
})
export class HomeAppComponent {
  //restaurants: FirebaseListObservable<any[]>;
  zoom: number = 8;
  lat: number;
  lng: number;
  location: any = {};

  constructor(private af: AngularFire) {
     //this.restaurants = af.database.list('/restaurants');
  }

  ngAfterViewInit() {
     if (navigator.geolocation) {
       navigator.geolocation.getCurrentPosition(this.setPosition);
     }
  }

  setPosition(position) {
     this.location = position.coords;
     console.log(position.coords);
  }

}

将属性位置设置为如下内容时:

location.lat = 32;
location.lng = 53;

可以在构造函数中输出它们的值，但在 setPosition 函数中输出 null。

我做错了什么....

Answer 1

你可以像这样使用箭头函数调用:

navigator.geolocation.getCurrentPosition((pos)=>this.setPosition(pos))

或者如果它不发送参数，

navigator.geolocation.getCurrentPosition(()=>this.setPosition())