angularJs-脏检查
生活随笔
收集整理的這篇文章主要介紹了
angularJs-脏检查
小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
來自:http://www.cnblogs.com/liuyanan/p/4935652.html
?
scope是一個(gè)指向應(yīng)用model的object,也是表達(dá)式的執(zhí)行上下文。 scope被放置在一個(gè)類似應(yīng)用的DOM結(jié)構(gòu)的層次結(jié)構(gòu)中angular中變量是雙向綁定的 ,那么怎么知道一個(gè)變量是否是變化了呢?
1、只能通過固定的接口才能改變變量的值,比如說只能通過set()設(shè)置變量的值,set被調(diào)用的時(shí)候比較一下就知道了。這種方法的缺點(diǎn)是寫法比較繁瑣。 2、臟檢查,將原對(duì)象復(fù)制一份快照,在某個(gè)時(shí)間,比較現(xiàn)在對(duì)象與快照的值,如果不一樣就表明發(fā)生了變化,這個(gè)策略要保留兩份變量,而且要遍歷對(duì)象,比較每個(gè)屬性,這樣會(huì)有一定的性能問題 angular使用的就是臟檢查: 1、不會(huì)臟檢查所有的對(duì)象。當(dāng)對(duì)象被綁定到html中后,這個(gè)對(duì)象才會(huì)添加為檢查對(duì)象(watcher) 2、不會(huì)臟檢查所有的屬性。同樣當(dāng)屬性被綁定后,這個(gè)屬性才會(huì)被列為檢查的屬性 在angular程序初始化時(shí),會(huì)將綁定的對(duì)象的屬性添加為監(jiān)聽對(duì)象(watcher),也就是說一個(gè)對(duì)象綁定了N個(gè)屬性,就會(huì)添加N個(gè)watcher。 angular什么時(shí)候去臟檢查呢?angular所有系統(tǒng)的方法中都會(huì)觸發(fā)比較事件,比如:controller初始化的時(shí)候,所有以ng-開頭的事件被執(zhí)行后,都會(huì)觸發(fā)臟檢查 必要的時(shí)候我們要手動(dòng)的觸發(fā)臟檢查:$apply僅僅只是進(jìn)入angular context,然后通過$digest觸發(fā)臟檢查 $apply如果不給參數(shù)的話,會(huì)檢查該$scope里的所有監(jiān)聽的屬性,所以推薦給上參數(shù)。 $apply怎么使用: <script>var firstController=function($scope){
$scope.date = new Date();
setInterval(function(){
$scope.$apply(function(){$scope.date = new Date();//在這里去手動(dòng)觸發(fā)臟檢查
})},1000)
}
</script>
<div ng-app>
<div ng-controller = "firstController">
{{date}}
</div>
</div>
$apply實(shí)現(xiàn)臟檢查實(shí)際上是通過$digest實(shí)現(xiàn)的,但是我們不能直接使用$digest來觸發(fā),原因是在$apply 與$digest之間還有一層很重要的$evel判斷。如果中間有錯(cuò)誤$evel將會(huì)把錯(cuò)誤交送到$exceptionHandler進(jìn)行處理
轉(zhuǎn)載于:https://www.cnblogs.com/liujiale/p/6681056.html
總結(jié)
以上是生活随笔為你收集整理的angularJs-脏检查的全部內(nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 自己平时会使用的一个自定义前端结构
- 下一篇: Uva10755