AngularJS的$destory用法

在controller中监听$destroy事件，这个事件会在路由发生跳转的时候触发。
用法：

$scope.$on("$destroy", function() {//清除配置,不然scroll会重复请求})

常用到的地方是，在页面建立计时器的时候，跳转其它页面，这个计时器依然还在执行，第二次进入这个页面，会重复创建计时器，所以就需要这个方法，监听离开当前路由的时候，销毁当前页面的所有计时器；

//controller 里面建立一个计时器，最后需要写一监听销毁的方法
var testTimer = $interval(function(){console.log(1);
},1000)$scope.$on("$destroy", function() {//离开路由时，清除计时器$interval.cancel(testTimer);})

AngularJS的$destory用法相关推荐

angularjs directive scope变化为啥html,学习AngularJs:Directive指令用法（完整版）
本教程使用AngularJs版本:1.5.3 摘要:Directive(指令)笔者认为是AngularJ非常强大而有有用的功能之一.它就相当于为我们写了公共的自定义DOM元素或CLASS属性或ATTR ...
【AngularJS】—— 4 表达式
前面了解了AngularJS的基本用法,这里就跟着PDF一起学习下表达式的相关内容. 在AngularJS中的表达式,与js中并不完全相同. 首先它的表达式要放在{{}}才能使用,其次相对于javas ...
AngularJS开发人员最常犯的10个错误
简介 AngularJS是目前最为活跃的Javascript框架之一,AngularJS的目标之一是简化开发过程, 这使得AngularJS非常善于构建小型app原型,但AngularJS对于全功能的 ...
AngularJs详细
正经的来啦 (MVC) View(视图), 即 HTML. Model(模型), 当前视图中可用的数据. Controller(控制器), 即 JavaScript 函数,可以添加或修改属性. 修改了 ...
带你走近AngularJS - 基本功能介绍
带你走近AngularJS系列: 带你走近AngularJS - 基本功能介绍带你走近AngularJS - 体验指令实例带你走近AngularJS - 创建自定义指令 ------------- ...
AngularJS中Directive指令系列 - 基本用法
参考: https://docs.angularjs.org/api/ng/service/$compile http://www.zouyesheng.com/angular.html Direct ...
[AngularJS]--基本用法
2019独角兽企业重金招聘Python工程师标准>>> AngularJS简介 AngularJs是Google下一代前端框架,基于mvc架构,它提供的功能如下: 1.解耦应用逻辑, ...
AngularJS select中ngOptions用法详解
一.用法 ngOption针对不同类型的数据源有不同的用法,主要体现在数组和对象上. 数组: label for value in array select as label for value in ...
AngularJS中$timeout和$interval的用法详解
1. 先将$interval,$timeout,作为参数注入到controller中,例如rds.controller('controllerCtrl', ['app', '$scope','$htt ...

AngularJS的$destory用法

AngularJS的$destory用法相关推荐

最新文章

热门文章