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>
上一篇:mysql性能优化(二)


下一篇:SQL注入原理解说,非常不错!