angularJs-髒檢查

標籤：control   固定   推薦   copy   保留   改變   屬性   handle   strong   

來自：http://www.cnblogs.com/liuyanan/p/4935652.html

 

scope是一個指嚮應用model的object，也是運算式的執行內容。 scope被放置在一個類似應用的DOM結構的階層中

angular中變數是雙向繫結的 ，那麼怎麼知道一個變數是否是變化了呢？

1、只能通過固定的介面才能改變變數的值，比如說只能通過set()設定變數的值，set被調用的時候比較一下就知道了。這種方法的缺點是寫法比較繁瑣。2、髒檢查，將原對象複製一份快照，在某個時間，比較現在對象與快照的值，如果不一樣就表明發生了變化，這個策略要保留兩份變數，而且要遍曆對象，比較每個屬性，這樣會有一定的效能問題 angular使用的就是髒檢查：1、不會髒檢查所有的對象。當對象被綁定到html中後，這個對象才會添加為檢查對象（watcher）2、不會髒檢查所有的屬性。同樣當屬性被綁定後，這個屬性才會被列為檢查的屬性在angular程式初始化時，會將綁定的對象的屬性添加為監聽對象（watcher），也就是說一個對象綁定了N個屬性，就會添加N個watcher。angular什麼時候去髒檢查呢？angular所有系統的方法中都會觸發比較事件，比如：controller初始化的時候，所有以ng-開頭的事件被執行後，都會觸發髒檢查必要的時候我們要手動的觸發髒檢查：$apply僅僅只是進入angular context，然後通過$digest觸發髒檢查$apply如果不給參數的話，會檢查該$scope裡的所有監聽的屬性，所以推薦給上參數。 $apply怎麼使用：

<script>
var firstController=function($scope){
　　$scope.date = new Date();
　　setInterval(function(){
　　　　$scope.$apply(function(){    　　　　$scope.date = new Date();    　　　　//在這裡去手動觸發髒檢查
　　　　})　　}，1000)

}
</script>

<div ng-app>
　　<div ng-controller = "firstController">
　　　　{{date}}
　　</div>
</div>

$apply實現髒檢查實際上是通過$digest實現的，但是我們不能直接使用$digest來觸發，原因是在$apply 與$digest之間還有一層很重要的$evel判斷。如果中間有錯誤$evel將會把錯誤交送到$exceptionHandler進行處理

angularJs-髒檢查