大佬教程收集整理的这篇文章主要介绍了AngularJS：将滚动事件绑定到一个控制器并不是全部，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。
当控制器触发时,滚动事件监听器附加到文档并正常工作.但是当控制器改变时,滚动事件仍保持&导致其他控制器出现问题！
我找到的唯一解决方案是解除所有其他99个控制器中的滚动事件的绑定,但这是愚蠢的！
angular.module('test',['ngRoute'])
.config(function($routeProvider){
$routeProvider
.when('/c1',{controller:'c1',templateUrl:'/c1.html'})
.when('/c2',{controller:'c2',templateUrl:'/c2.html'})
...
.when('/c100',{controller:'c100',templateUrl:'/c100.html'})
.otherwise({redirectTo: '/c1'});
})
.controller('c1',function($document){
...
$document.bind('scroll',function(){...});
...
})
.controller('c2',function($document){
$document.unbind('scroll');
...
})
...
.controller('c100',function($document){
$document.unbind('scroll');
...
})
什么是正确的方法？
.controller('c1',function($document,$scope){
$document.bind('scroll',function(){...});
// .....
$scope.$on('$destroy',function() {
$document.unbind('scroll');
});
})
一些关于它的阅读here.
2016年更新
如果您现在正在使用组件(并且您应该),则可以轻松且更好地更新此方法.只需利用新语法并掌握Angular为这些情况提供的生命周期钩子.
所以,绑定你的$onInit(),取消绑定你的$onDestroy：
class SomeComponentName {
constructor($document) {
this.$document = $document;
}
$onInit() {
this.$document.bind('scroll',evt => {});
}
$onDestroy() {
this.$document.unbind('scroll');
}
}
更多关于生命周期钩here.
以上是大佬教程为你收集整理的AngularJS：将滚动事件绑定到一个控制器并不是全部全部内容，希望文章能够帮你解决AngularJS：将滚动事件绑定到一个控制器并不是全部所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错，欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。