javascript - 使用 ES6 在 AngularJs 中的 Controller 中调用服务

Question

我正在尝试使用 Weakmap() 在 Controller 中调用服务，但它给出了一个错误，如 Cannot read property 'getWeather' of undefined。下面是我的代码:

const SERVICE = new WeakMap();

export default class WeatherController {
    constructor(apiService) {
        SERVICE.set(this, apiService);

        if (navigator.geolocation) {
            navigator.geolocation.watchPosition(this.geoSuccess, this.geoFailed);
        }
    }

    geoSuccess(position) {
        // This gives an error mentioned above
        SERVICE.get(this).getWeather(position.coords.latitude, position.coords.longitude);
    }

    geoFailed(err) {
        console.log('Error:', err);
    }
}

WeatherController.$inject = ['apiService'];

Answer 1

我想，当调用 getSuccess 时，你的 this - 上下文丢失了，你可以试试这个:

if (navigator.geolocation) {
        navigator.geolocation.watchPosition(
             this.geoSuccess.bind(this), 
             this.geoFailed.bind(this)
        );
}