码迷,mamicode.com
首页 > 移动开发 > 详细

Angularjs[6] - $scrope 中 $apply 方法:

时间:2017-01-27 00:09:17      阅读:268      评论:0      收藏:0      [点我收藏+]

标签:否则   html   rip   div   手动   tin   ext   mode   log   

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
</head>
<body>
    <div ng-app>
        <div ng-controller="firstController">
            {{date}}
        </div>
    </div>
    <script type="text/javascript" src="app/index.js"></script>
<script type="text/javascript" src="../../vendor/angular/angularjs.js"></script>
</body>
</html>
var firstController = function ($scope) {
    //$scope 作用域
    //申明一个model
    $scope.date = new Date();
// setInterval(function () { // //这里虽然变化,但是没有触发 脏检查 // $scope.date = new Date(); // },1000) setInterval(function () { $scope.$apply(function () { $scope.date = new Date(); }) },1000) };
  • 脏检查:将原对象复制一份快照,在某个时间,比较现在对象与快照的值,如果不一样就表明发生变化。
  • Angular 通过脏检查得知变量是否发上变化。

      Angular 脏检查 策略:

        - 不会脏检查所有的对象,当对象被绑定到html中,这个对象添加为检查对象(wetcher)。

        - 不会脏检查所有的属性,同样当属性被绑定后,这个属性会被列为检查的属性。

        Angular程序初始化时,会将绑定的对象的属性添加为监听对象(watcher),也就是说一个对象绑定了N个属性,就会添加N个 watcher。

  • 手动触发脏检查:$apply 进入 angular context,然后通过 $digest 去触发脏检查,推荐给 $apply 参数,否则会检查该 $scope 里所有监听的属性。
  • 不建议直接调用 $digest() 属性,而应使用 $apply()。

Angularjs[6] - $scrope 中 $apply 方法:

标签:否则   html   rip   div   手动   tin   ext   mode   log   

原文地址:http://www.cnblogs.com/bky-1083/p/6352252.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!