angular移除事件绑定事件绑定_如何安全清除指令中的AngularJS事件绑定

本文探讨了在AngularJS指令中如何安全地移除窗口调整大小事件的绑定,以防止内存泄漏。作者分享了目前的实现,包括监听'$destroy'事件并在其触发时清理事件绑定,以及对JQuery事件名称空间的讨论。最后,提供了更新后的cleanUp函数,通过传递onResize函数给off()方法来确保事件处理程序的隔离和正确删除。
摘要由CSDN通过智能技术生成

我有一个Angular指令,该指令将元素的高度设置为等于浏览器窗口的内部高度(+/-给定的偏移量)。该指令响应窗口的“调整大小”事件,并相应地调整其高度。当指令的作用域发出’$

destory’事件时,我将删除对“ resize”事件的绑定(我认为将其留在原地会引起一些问题,如果我错了,请纠正我)。

我不知道如何以“安全”的方式执行此事件分离。如果我在整个应用程序中都有该指令的多个实例,又如果我有其他附加到’resize’事件的指令怎么办?

JQuery具有事件名称空间的概念,这似乎是一个很好的解决方案,但是Angular的实现(JQLite)不支持此方法。我宁愿不使用JQuery,因为我已经在使用Angular,那么该怎么办?

这是我今天的指令的代码

window.angular.module('arcFillClient', [])

.directive('arcFillClientY', ['$window',

function ($window) {

function link($scope, el, attrs) {

var setHeight,

onResize,

cleanUp;

setHeight = function (offSetY) {

var newHeight;

offSetY = offSetY || 0;

newHeight = Math.max($window.innerHeight + parseInt(offSetY, 10)) + 'px';

el.hei

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值