Angularjs $scope 里面的$apply方法

发布时间：2020-12-17 08:18:36 所属栏目：安全来源：网络整理

导读：$apply 方法作用： Scope 提供$apply 方法传播 Model 的变化 $apply 方法使用情景： AngularJS 外部的控制器（DOM 事件、外部的回调函数如 jQuery UI 空间等）调用了 AngularJS 函数之后，必须调用$apply。在这种情况下，你需要命令 AngularJS 刷新自已（模

$apply 方法作用：
Scope 提供$apply 方法传播 Model 的变化
$apply 方法使用情景：
AngularJS 外部的控制器（DOM 事件、外部的回调函数如 jQuery UI 空间等）调用了 AngularJS 函数之后，必须调用$apply。在这种情况下，你需要命令 AngularJS 刷新自已（模型、视图等），$apply 就是用来做这件事情的。
$apply 方法注意事项：
只要可以，请把要执行的代码和函数传递给$apply 去执行，而不要自已执行那些函数然后再调用$apply。

例如，你应该像下面这样来执行你的代码：

var app = angular.module("myApp",[]);
app.controller('firstController',function($scope){
 $scope.name = 'hello';
 setTimeout(function(){
 $scope.$apply(function(){
 $scope.name = 'hi';
 });
 },2000);
 
 //建议上面代码也用内置服务代替
 $timeout(function(){
 $scope.name = 'hi';
 },2000);
});

转自： https://blog.csdn.net/Christine95/article/details/49201443

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!