Javascript 函数不返回 AngularJS 中保存的值

Question

这是代码:

app.service("dataShareSvc", ['$rootScope', 'parserUIDataModel', function($rootScope, parserUIDataModel) {

    // defaults
    this._parserDataLoad = [];

    return {
        loadParserDataLoad: function (pidId, pidRuleId) {
            parserUIDataModel.listParserRules(pidId, pidRuleId, 'y').then(function(data) {
                this._parserDataLoad = data;
            });
        },
        getParserDataLoad: function () {
            return this._parserDataLoad;
        },
    };

}]);

我遇到的问题是，当我调用 loadParserDataLoad 时，它确实将非空分配给 this._parserDataLoad。

但是，当稍后我调用 getParserDataLoad 时，this._parserDataLoad 的值似乎是空数组。其间没有对该变量进行任何操纵。为什么会发生这种情况？谢谢。

Answer 1

使用闭包修复它:

app.service("dataShareSvc", ['$rootScope', 'parserUIDataModel', function($rootScope, parserUIDataModel) {

    // defaults

    this._parserDataLoad = [];
    var that = this;

    return {
        loadParserDataLoad: function (pidId, pidRuleId) {

            parserUIDataModel.listParserRules(pidId, pidRuleId, 'y').then(function(data) {
                that._parserDataLoad = data;
            });
        },
        getParserDataLoad: function () {
            return that._parserDataLoad;
        },
    };

}]);