angularJs-脏检查
生活随笔
收集整理的這篇文章主要介紹了
angularJs-脏检查
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
來自: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進行處理
轉載于:https://www.cnblogs.com/liujiale/p/6681056.html
總結
以上是生活随笔為你收集整理的angularJs-脏检查的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 自己平时会使用的一个自定义前端结构
- 下一篇: C# WinForm程序退出的方法比较