javascript代码实例教程-angularjs移除不必要的$watch

发布时间:2019-04-02 发布网站:脚本宝典
脚本宝典收集整理的这篇文章主要介绍了javascript代码实例教程-angularjs移除不必要的$watch脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。
小宝典致力于为广大程序猿(媛)提供高品质的代码服务,请大家多多光顾小站,小宝典在此谢过。

2013-08-20 00:40 by 破狼, 383 阅读, 2 评论, 收藏, 编辑
 
    在我们的web page,特别是移动设备上,太多的Angular $watch将可能导致性能问题。这篇文章将解释如何去移除额外的$watch提高你的应用程序性能。

     $watch如果不再使用,我们最好将其释放掉,在angular中我们可以自由的选择在什么时候将$watch从$watch列表中移除。

让我们来看个示例:


app = angular.module('app', []);

app.controller(';mainCtrl', function($scoPE) {

$scope.updated = 0;

$scope.stop = function() {

textWatch();

};

 

VAR textWatch = $scope.$watch('text', function(newVal, oldVal) {

if (newVal === oldVal) { return; }

$scope.updated++;

});

});
<body ng-controller="MainCtrl">

<input type="text" ng-model="text" /> {{updated}} times updated.

<button ng-click="stop()">Stop count</button>

</body>

觉得可用,就经常来吧! 脚本宝典 欢迎评论哦! js脚本,巧夺天工,精雕玉琢。小宝典献丑了!

脚本宝典总结

以上是脚本宝典为你收集整理的javascript代码实例教程-angularjs移除不必要的$watch全部内容,希望文章能够帮你解决javascript代码实例教程-angularjs移除不必要的$watch所遇到的问题。

如果觉得脚本宝典网站内容还不错,欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。