$apply方法是怎么来解决异步的问题

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了$apply方法是怎么来解决异步的问题相关的知识,希望对你有一定的参考价值。

<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
<script src="./js/angular-1.5.8.js"></script>
</head>
<body ng-app="mainApp" ng-controller="ngController">
<input type="text" ng-model="time" style="width: 50%;">

<script>
angular.module("mainApp",[])
.controller("ngController",function($scope){
// $scope.time=new Date().toString();
setInterval(function(){
$scope.time=new Date().toString();
$scope.$apply();//手动的调用即可 强制刷新数据;
},100)
});
//$apply()方式可以解决什么问题?
//问题说明:事实上$scope与页面的数据绑定在一起的,当页面的数据发生改变的时候,$scope也会跟着改变;
//当页面出现异步的情况,对 $scope 中的数据处理了, 那么 可能造成 数据无法同步的情况。

// 当出现ajax请求,它本身就是异步的(以上就是说明)
//(注意点:当添加了$apply之后就time这个值就开启计时的功能,就等于实现了同步的功能,假使是没有这个值,time就没有开启计时的效果,因为是异步的原因,所以要说了$apply()的作用,是解决了异步不同步的问题,使用它来实现同步的效果)
</script>
</body>
</html>

以上是关于$apply方法是怎么来解决异步的问题的主要内容,如果未能解决你的问题,请参考以下文章

Angular $scope.$apply 异步进程

pool.apply_async 和全局变量

SharedPreference.Editor的apply和commit方法异同

apply和call的用法

angularJS报错$apply already in progress的原因和解决方法

麻烦.apply()带'int'列的方法