AngularJS - Apply方法监听model变化
Posted 告别的时代
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了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>
以上是关于AngularJS - Apply方法监听model变化的主要内容，如果未能解决你的问题，请参考以下文章
angularJs--$apply和$watch,$digest方法的意思