AngularJS - Apply方法监听model变化

最新推荐文章于 2024-01-08 21:46:30 发布

weixin_33897722

最新推荐文章于 2024-01-08 21:46:30 发布

阅读量136

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/MarchThree/p/5353238.html

版权

<body>
    <div ng-app="myApp">

        <div ng-controller="firstController" ng-click="show();">
            {{name}}
            {{age}}
        </div>
    </div>
    <script type="text/javascript">
        var app = angular.module("myApp", []);
          //$timout内置的方法
          app.controller('firstController', ['$scope','$timeout', function ($scope,$timeout) {
              $scope.name = '张三';
              $scope.age = 10;
              //1，显示张三，两秒后显示李四
              setTimeout(function () {

                  //apply 主要是传递model的变化
                  $scope.$apply(function () {
                      $scope.name = "李四";
                  });
              },2000);
              //2.方法演示
              //挂载方法
              $scope.show = function () {
                  alert("点击后的name");
              }
              //3.两秒后 10变成50
              ////timeout演示，内置函数不需要apply
              $timeout(function () {

                  $scope.age = 50;

              }, 2000);
          }]);
         
    </script>

</body>