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

AngularJS - Apply方法监听model变化

时间:2016-04-05 00:31:23      阅读:226      评论:0      收藏:0      [点我收藏+]

标签:

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

 

AngularJS - Apply方法监听model变化

标签:

原文地址:http://www.cnblogs.com/MarchThree/p/5353238.html

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