如果我已經處於$ apply階段，我可以刷新範圍嗎？

Question

我有一個功能，讓我們說：

$scope.addNode = function (param) { 
    //this is a function to add a child to a tree view node, sent via the param argument 
    var newNode = { 
     //add the different properties I need for the new node 
    }; 
    if(param.hasOwnProperty('children') && param.children != null) { 
     param.children.push(newNode); 
    } 
    else { 
     param.children = []; 
     param.children.push(newNode); 
    } 

    $scope.$apply(); // calling $apply because I need the newNode to be rendered 

    $scope.setFocusedNode(newNode); //highlight the new node, change attributes, etc 
    $scope.editNodeText(newNode); //call inline Editing for the new node, which also involves DOM manipulation; this is basically where everything fails because without the apply, the DOM element for the newNode doesn't exist. 

} 

我使用同樣的功能從一個jQuery keyup事件，並從NG點擊指令。 該代碼從keyup事件工作正常，但從指令調用時，我得到一個「$應用已在進行中」的錯誤，因爲ng-click已經做了天生的$應用。

但是，刪除$ apply也不起作用，因爲我需要爲它後面的代碼更新範圍AND我不能用普通的onclick替換ng-click，因爲click函數也是該範圍內的對象可以更改。

有沒有辦法在沒有得到「$ apply already in progress」錯誤的情況下說「刷新範圍」？請注意，即使我得到的錯誤，範圍得到更新corectly和工作好，即使從ng點擊調用（除了IE只是扼流圈和javascript停止工作）

Answer 1

我找到了解決問題的辦法。代碼現在看起來像這樣：

$scope.addNode = function (param) { 
    //this is a function to add a child to a tree view node, sent via the param argument 
    var newNode = { 
     //add the different properties I need for the new node 
    }; 
    if(param.hasOwnProperty('children') && param.children != null) { 
     param.children.push(newNode); 
    } 
    else { 
     param.children = []; 
     param.children.push(newNode); 
    } 


    $timeout(function() { 
     $scope.setFocusedNode(newNode); //highlight the new node, change attributes, etc 
     $scope.editNodeText(newNode); //call inline Editing for the new node, which also involves DOM manipulation; this is basically where everything fails because without the apply, the DOM element for the newNode doesn't exist. 
    }, 0); 

} 

而我簡單地調用$ scope。$ apply（addNode）從jquery keyup函數中調用它時。

$ timeout所做的是延遲這兩個函數，直到瀏覽器完成對$ scope的更改呈現。我不完全瞭解它是如何做到的，但它現在可行。

Answer 2

正確的方法是刪除$scope.$apply從功能和 從jQuery的使用

$scope.apply($scope.addNode(arguments)); 

時調用，並從使用角度範圍內調用函數時

$scope.addNode(arguments); 

Answer 3

你可以試試這個？

$scope.addNode = function (node) { 
    $scope.$apply(function() { 
      //do something to $scope object 
     }); 

    //do something that needs the scope to be refreshed 
}