美文网首页我爱编程
记录一下使用angular $interval遇到的坑

记录一下使用angular $interval遇到的坑

作者: L7_23 | 来源:发表于2018-03-20 23:32 被阅读0次

记录一下使用$interval遇到的坑

当在angular controller中用到了$interval,则必须在特定时间手动清楚定时器,否则该定时器将会一直执行下去。

清除方法


$interval.cancel( timer );

如果希望在该DOM从页面上移除时,停止该定时器


$scope.$on( "$destroy", function() {  $interval.cancel( timer ); } );

完整实例说明


// 定时器 定时刷新数据

var timer = $interval(

  function() {

    hello();//自己定义的每次需要执行的函数,也可以写一些其他的内容

  },

  5000

);

//当DOM元素从页面中被移除时,AngularJS将会在scope中触发$destory事件。

//这让我们可以有机会来cancel任何潜在的定时器。切换controller、页面后即可调用

$scope.$on(

  "$destroy",

  function() {

    $interval.cancel( timer );

  }

);

相关文章

网友评论

    本文标题:记录一下使用angular $interval遇到的坑

    本文链接:https://www.haomeiwen.com/subject/ljgiqftx.html