建站
咨询
售后
建站咨询
今天就跟大家聊聊有关$apply如何在Angularjs中使用，可能很多人都不太了解，为了让大家更加了解，小编给大家总结了以下内容，希望大家根据这篇文章可以有所收获。
一.$apply的作用
$apply()函数可以从Angular框架的外部让表达式在Angular上下文内部执行。
上面是AngularJs权威教程中的一句话。什么意思呢？
首先，你要清楚，在原生js或者第三方框架下，修改model，是有可能不会触发视图更新的，比如setTimeout、jquery插件。为什么？因为他们脱离了Angularjs的上下文，Angularjs并不能监听到数据的改变。看例子。
1.setTimeout
html:
{{name}}
js:
$scope.name="张三";
setTimeout(function(){
$scope.name = '李四';
//$scope.$apply()
},500)首先，name等于张三，500ms后，我把他赋值为李四，但是，页面上并没有改变，依然是张三。
而，我们把$scope.$apply()放开，就正常了，张三成功变为李四。
2.第三方插件
html:
Date:
所选日期 {{selectedDate}}
js:
$scope.selectedDate = '';
$( function() {
$( "#datepicker" ).datepicker({
onClose: function( selectedDate ) {
$scope.selectedDate = selectedDate;
// $scope.$apply();
}
});
} );这是jquery的datepicker插件，当我们选定日期后，下面的日期应该随之显现，而现在却没有。这种情况就必须依靠$apply(),才能更新视图。
以上两种情况，都因为不处于Angularjs上下文中，导致监听不到数据的变化。而$apply究竟干了什么，才导致数据更新正常了呢？
其实$apply相当于一个触发器，它的作用就是触发digest循环，从而更新视图。
在digest是Angularjs的核心，是它实现了神奇的数据绑定。凡是触发事件，必会触发digest循环，比如，我们数值的ng事件，click啊，change,实际上都是触发了digest循环。
所以，我们所做的事，其实就是手动触发了digest循环。关于digest循环，属于题外话，这里不做过多介绍，想深入了解的同学，可以看看书籍，或者百度。
二.更好地运用digest循环
在Angularjs中，除了$apply可以触发digest循环外，还有其他的方法，也可以触发此循环。而且$apply往往时最坏的选择。下面推荐一些更好的选择。
1.$digest
$scope.$digest()的速度要比$apply要快，因为它只更新当前作用域和子作用域的值，对于父作用域时不管的。而$apply还要评估父作用域，这就大大消耗了性能。
2.$timeout
用$timeout去代替你的setTimeout,$timeout作为Angularjs的自带服务，当然时更契合Angularjs环境啦。它会隐性触发digest循环，而且它会延迟执行，会在上一个digest循环完成后的下一刻，触发digest循环，这样就不会出现上文所说的
$digest already in progress
我们把setTime的代码放到$timeout中
$timeout(function(){
$scope.name = '李四';
},500)这就能正常工作了，看，没有讨厌的apply了！
3.$evalAsync
最推荐的应该时这个方法了。如果当前正好有一个digest循环在执行，那么它就会把导致digest循环的操作，放到当前digest循环中去执行。而$timeout是要等到当前digest循环执行完，再执行一次digest循环才可以。所以evalAsync执行更快，性能更好。我们可以像$timeout那样去调用它，即
$scope.$evalAsync(
function( $scope ) {
console.log( "$evalAsync" );
}
);看完上述内容，你们对$apply如何在Angularjs中使用有进一步的了解吗？如果还想了解更多知识或者相关内容，请关注创新互联行业资讯频道，感谢大家的支持。
标题名称：$apply如何在Angularjs中使用-创新互联
网站路径：http://lswzjz.com/article/dgcesh.html
