$ scope。$ apply throwing exception ... $ scope.apply already performed

Question

我試圖根據我在$ digest中爲$ scope變量所做的更改來更新我的視圖，在對我的變量進行必要的更改後，我調用了$ scope。$ apply（），這實際上導致了一個異常，表示$ scope。$ apply已經在執行中。有人可以幫助我如何解決這個問題。在你的代碼

this.showCart = false; 

/*This function is called from the view on a ng-click*/ 
this.addCart=function(){ 

     if (this.showCart === false) { 
      this.showCart = true; 
      this.hideEmptyCart = 'none'; 
      this.showFullCart = 'initial'; 
      this.searchRightMargin = 40; 
      this.updateWidth(); 
      $scope.$apply(); 
     } 
} 

Answer 1

看，你的問題可能是與範圍參考。您的this參考範圍之外的參考範圍僅限於控制器，而函數內部的this參考範圍僅限於該功能。試着改變一切$scope：

$scope.showCart = false; 

/*This function is called from the view on a ng-click*/ 
$scope.addCart=function(){ 
    if ($scope.showCart === false) { 
     $scope.showCart = true; 
     $scope.hideEmptyCart = 'none'; 
     $scope.showFullCart = 'initial'; 
     $scope.searchRightMargin = 40; 
     $scope.updateWidth(); 
    } 
} 

然後，從ng-click調用你的函數：

<button ng-click="addCart()">Add To Cart</button> 

UPDATE

或者，你可以抱着試試看到控制器的基準爲self：

var self = this; 
self.showCart = false; 

/*This function is called from the view on a ng-click*/ 
self.addCart=function(){ 
    if (self.showCart === false) { 
     self.showCart = true; 
     self.hideEmptyCart = 'none'; 
     self.showFullCart = 'initial'; 
     self.searchRightMargin = 40; 
     self.updateWidth(); 
    } 
}