AngularJs-destroy事件

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

在Controller中监听$destory事件，这个事件会在页面发生跳转的时候触发。

在页面跳转之后，这个页面监听的一些全局事件，比如window.scroll事件在下一页scroll的时候还会继续被触发

在这个事件的回调中，清除当前页面的监听或者一些参数保证下面的页面不会再触发当前页面的事件回调

AngularJs-destroy事件,布布扣,bubuko.com

时间： 2024-10-19 14:28:30

AngularJs-destroy事件的相关文章

angularjs的事件 $broadcast and $emit and $on

angularjs的事件 $broadcast and $emit and $on <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body ng-app="search"> <div ng-controller="ParentCtrl"&

angularjs html事件（ng-click,ng-hide,ng-show）

ng-click:单击事件, ng-hide:控制某款元素是否隐藏,true隐藏 false 显示 ng-show:控制某款元素是否显示,true显示 false 隐藏 可以参考页面:http://www.w3cschool.cc/angularjs/angularjs-html-events.html 个人源代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.

夺命雷公狗—angularjs—18—angularjs的事件

对于一款前端框架,提起事件,很容易让人联想到DOM事件,比如说鼠标点击以及页面滚动等.但是我们这里说的angular中的事件和DOM事件并不是一个东西. 事件的发布 我们可以通过 $emit() 以及 $broadcast() 来发布事件 $emit(name, args) name 发布的事件名称      args 会作为对象传递到事件的监听器中      $emit() 发布的事件,会从子作用域冒泡到父作用域,产生事件的作用域之上的所有作用域都会收到这个事件的通知. $broadcast(

AngularJS ng-click事件点击无效

微信公众号开发调用微信的上传图片接口时,需要append一段html代码,div上的ng-click事件点击无效 1.要追加进去的html var html = "<div ng-click='uploadImg()'></div>" 2.用$compile函数编译一下上边的内容 copy var $html = $compile(html)($scope); 3.将编译好的内容插入到页面中 copy $("body").append($ht

AngularJs 键盘事件和鼠标事件

ngKeydown/ngKeypress/ngKeyup 该指令在按键按下/按键按下/按键松开时执行指定表达式. ngKeydown和ngKeypress略有不同,目前的测试是ngKeypress针对系统按键是无效的,而ngKeydown可以. ngKeyup指令在按键松开的时候执行. 使用代码: <input ng-keydown="count = count + 1" ng-init="count=0">{{count}} <input ng-

AngularJs 阻止事件运行，防止冒泡穿透事件

ng-click 低啊用方法后 添加语句$event.stopPropagation(); <button type="button" ng-click="doSomeSth();$event.stopPropagation();">button</button>

angularjs中的事件传播$emit,$broadcast,$on

在这里写的技术点 一部分参考AngularJs权威教程一部分参考的是其它的博主的知识点 事件 :如同浏览器响应浏览器层的事件,比如鼠标点击.页面滚动那样,Angular应用也可以响应Angular事件.       这使我们在我们应用中嵌套各组件之间进行通信,即使这些组件在创建的时候并未考虑其他组件.我们可以认为事件是在应用中传播的事件信息片段,通常包含应用中发生的事件信息 注意: AnjularJs事件系统并不与浏览器中的事件系统相通,这意问着我们只能在作用域上监听Angular事件而不是在D

angularjs学习总结 详细教程（转载）

1 前言 前端技术的发展是如此之快,各种优秀技术.优秀框架的出现简直让人目不暇接,紧跟时代潮流,学习掌握新知识自然是不敢怠慢. AngularJS是google在维护,其在国外已经十分火热,可是国内的使用情况却有不小的差距,参考文献/网络文章也很匮乏.这里便将我学习AngularJS写成文档,一方面作为自己学习路程上的记录,另一方面也给有兴趣的同学一些参考. 首先我自己也是一名学习者,会以学习者的角度来整理我的行文思路,这里可能只是些探索,有理解或是技术上的错误还请大家指出:其次我特别喜欢编写小

AngularJS 深入理解 $scope 转载▼

AngularJS 深入理解 $scope 转载▼ (2015-04-07 14:09:50) $scope 的使用贯穿整个 AngularJS App 应用,它与数据模型相关联,同时也是表达式执行的上下文.有了$scope 就在视图和控制器之间建立了一个通道,基于作用域视图在修改数据时会立刻更新 $scope,同样的 $scope发生改变时也会立刻重新渲染视图. 有了 $scope 这样一个桥梁,应用的业务代码可以都在 controller 中,而数据都存放在controller 的 $sco

AngularJS 深入理解 $scope

$scope 的使用贯穿整个 AngularJS App 应用,它与数据模型相关联,同时也是表达式执行的上下文.有了$scope 就在视图和控制器之间建立了一个通道,基于作用域视图在修改数据时会立刻更新 $scope,同样的$scope 发生改变时也会立刻重新渲染视图. 有了 $scope 这样一个桥梁,应用的业务代码可以都在 controller 中,而数据都存放在controller 的 $scope中. $rootScope AngularJS 应用启动并生成视图时,会将根 ng-app