AngularJs $scope 里面的$apply 方法和$watch方法

最新推荐文章于 2025-09-05 11:22:47 发布

转载最新推荐文章于 2025-09-05 11:22:47 发布 · 68 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：https://yq.aliyun.com/articles/358872

文章标签：

#javascript #ViewUI

本文通过一个具体的示例详细介绍了Angular中Scope提供的$apply方法如何用于传播Model的变化，并展示了如何利用该方法在设定的时间间隔后更新视图数据。

Angular $scope 里面的$apply 方法

Scope提供$apply方法传播Model变化

<!DOCTYPE html>
<html>

    <head>

        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

        <title>无标题文档</title>

        <script type="text/javascript" src="angular.min.js"></script>

    </head>

    <body>

      <div ng-app="myApp">
 
          <div ng-controller="firstController">

              {{name}}
 
          </div>
 
      </div>

      <script type="text/javascript">

          var app = angular.module("myApp", []);

          app.controller('firstController',['$scope',function($scope){
 
              setTimeout(function(){
 
                  $scope.$apply(function(){

                      $scope.name='李四';

                  });
 
              }, 2000);

              $scope.name='张三';
 
          }]);
 
      </script>

    </body>
</html>