首页 > 移动平台 > 详细

AngularJS - Apply方法监听model变化

时间:2016-04-05 00:30:14      阅读:394      评论: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
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!