AngularJS - 爲什麼$範圍$適用影響到其它範圍

在我AngularJS應用程序，我有2個控制器未嵌套。調用$ scope。$ apply方法似乎也會影響另一個同級作用域。

在下面的jsfiddle中，無論何時ControllerTwo每秒更新一次時鐘，ControllerOne的{{doubleMe（x）}}表達式都會被評估。這可以從控制檯消息中顯示。

我可以理解爲什麼那個表達式求值，每當文本輸入（在相同的範圍內）的變化，但爲什麼$範圍。$另一個範圍適用因爲那expression要重新評估呢？

注意，我可能避免$範圍。$使用$超時申請，但觀察到的結果。

<!-- HTML file --> 
    <div ng-app> 
     <h1>Root</h1> 
     <div ng-controller="ControllerOne"> 
      <h2>Scope One</h2> 
      1 * 2 = {{doubleMe(1)}}<br/> 
      2 * 2 = {{doubleMe(2)}}<br/> 
      3 * 2 = {{doubleMe(3)}}<br/> 
      <input ng-model="text"> 
     </div> 

     <div ng-controller="ControllerTwo"> 
      <h2>Scope Two</h2> 
      {{clock.now | date:'yyyy-MM-dd HH:mm:ss'}} 
     </div> 
    </div>

// js文件

function ControllerOne($scope) { 
     var counter=1; 
     $scope.doubleMe = function(input) { 
      console.log(counter++); 
      return input*2; 
     } 
     $scope.text = "Change Me"; 
    } 

    function ControllerTwo($scope) { 
     $scope.clock = { 
      now: new Date() 
     }; 

     var updateClock = function() { 
      $scope.clock.now = new Date() 
     }; 

     setInterval(function() { 
      $scope.$apply(updateClock); 
     }, 1000); 
    }

來源

2014-01-29 Kelvin Yong

，你可以看到$scope.$apply = $rootScope.$digest //+ some error handling，自$scope.$apply使用$ rootScope它會影響它的所有後代。

so如果更新子範圍，則可以調用$scope.$digest以僅檢查該範圍及其後代，並因此減少髒檢查的數量並提高性能。

例

我改變你的代碼，增加了$消化。

setInterval(function() { 
      $scope.clock.now = new Date(); 
      $scope.$digest(); 
     }, 1000);

活生生的例子： http://jsfiddle.net/choroshin/JY5sb/4/

來源

2014-01-29 07:11:31

或許更何況它並不總是最好使用$消化它是非常重要的。例如，考慮$摘要（）的範圍內是要升級的變化，以更高的範圍的NG-repeat的範圍一個孩子正在發生的事情。它是真正的$摘要性能更好但超過$應用它是不是 –

從AngularJS文檔中source code

* # Pseudo-Code of `$apply()` 
    * <pre> 
     function $apply(expr) { 
     try { 
      return $eval(expr); 
     } catch (e) { 
      $exceptionHandler(e); 
     } finally { 
      $root.$digest(); 
     } 
     } 
    * </pre>

亞歷克斯是正確的，如果你只是想有你的變化反映在當前範圍和子女，scope.$digest()是使用的東西。然而，AngularJS往往不贊成這種做法，因爲表達式經常會有副作用，會修改全局對象，比如服務，這些對象又可以修改同級作用域。

來源

2014-01-29 07:34:10 jelinson

你也是正確的，我們可能要在大多數的情況下，棱角分明的文檔有利於$，因爲它適用於簡單的使用$應用所有的時間和$應用具有特殊的錯誤處理這個$摘要缺乏，但對於這樣的情況，性能增加更重要。 –

@AlexChoroshin - 我完全同意。 – jelinson

AngularJS - 爲什麼$範圍$適用影響到其它範圍

回答

相關問題