$ 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(); 
    } 
}