AngularJS - Apply方法监听model变化

<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>

 

posted @ 2016-04-04 22:48  MrMrCash  阅读(386)  评论(0编辑  收藏  举报