傳遞「這個」對象的$ http服務

Question

我有路過「這個」對象的$ HTTP服務「然後」回調函數的問題「然後」回調函數如下圖所示

var Product = function(){ 
    this.name = "putty"; 
    this.price = 760; 
    $http.post(url, data).then.call(this, function(){ 
     this.saved = true; 
    }); 
}; 

當我在語句this.saved = true中檢查'this'對象，我意識到它指向全局對象而不是預期的Product實例，因爲我有「then.call（this，function（）{.. 。「而不是」然後（this，function（）{...「就像我的代碼中可以看到的那樣，任何幫助都可以嗎???

Answer 1

當使用then.call(this, function(){});你調用then功能this，但不會影響您的實際回調函數的this值通過。

如果你要綁定this回調，您可以使用bind：

$http.post(url, data).then(function(){ 
    this.saved = true; 
}.bind(this)); 

Answer 2

指定一個var並且使用該var代替

var Product = function(){ 
    var self = this; 
    self.name = "putty"; 
    self.price = 760; 
    $http.post(url, data).then(function(response){ 
     self.saved = true; 
    }); 
}; 

Answer 3

您需要重新分配它：

var Product = function(){ 
    this.name = "putty"; 
    this.price = 760, 
    self = this; 
    $http.post(url, data).then.call(this, function(){ 
     self.saved = true; 
    }); 
};