Question

在我的代码中，我有一条消息，使用AngularJS $ emit发送并在我的构造函数中的$ on函数中接收。当我调试它时经常到下面的行，所以我知道它正在工作：

 this.lastSuccessResponse = +new Date();

但是，当我检查控制台时，每隔60秒打印的消息始终会打印last: undefined

任何人都可以看到错误以及为什么console.log似乎没有记录lastSuccessResponse的新号码？

class ConnectService
{
    lastSuccessResponse: number;

    static $inject = [
        "$interval",
        "$rootScope"
    ];

    constructor(
        public $http: ng.IHttpService,
        public $interval,
        public $rootScope
    ) {
        $rootScope.$on('rootScope:success-response', function () {
            this.lastSuccessResponse = +new Date();
        });
    }

    checkConnection = () => {
        var self = this;
        this.$interval(function () {
            let intDate = +new Date();
            console.log("date: " + intDate);
            console.log("last: " + self.lastSuccessResponse);
        }, 60 * 1000);
    }
}

Answer 1

您已正确防范this中的checkConnection丢失，但未在构造函数中丢失

此代码

    $rootScope.$on('rootScope:success-response', function () {
        this.lastSuccessResponse = +new Date();
    });

应该是这个（将function更改为箭头功能以在回调中保留this）：

    $rootScope.$on('rootScope:success-response', () => {
        this.lastSuccessResponse = +new Date();
    });

构造函数中更新的变量是否可以在Typescript中的类中使用？

1 个答案: