Angularjs $scope 里面的$apply方法

前端之家收集整理的这篇文章主要介绍了Angularjs $scope 里面的$apply方法前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
$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
原文链接:https://www.f2er.com/angularjs/144801.html

猜你在找的Angularjs相关文章