如何在angular中动态删除一个元素绑定的所有事件？

Question

如何在angular中删除一个元素的所有事件绑定，达到disabled的效果。针对哪些没有disabled属性的元素，如div，span等

Answer 1

接灰的电子产品 2019-03-12 08:45:49

不存在删除绑定这种操作，而是你要设置一些成员变量或者状态用来表示是否disable，在disable 时不做事件处理就好。

• 提问者 starkShang #1

  我现在的需求是写一个通用的指令 在元素上加上这个指令就等屏蔽所有事件，从而禁用掉某个元素。但是还是在界面上展示的。。。

• 接灰的电子产品 回复 提问者 starkShang #2

  @Directive({
    selector: `click-stop-propagation`
  })
  class ClickStopPropagation {
    stopClick(event:Event) {
      event.preventDefault();
      event. stopPropagation();
    }
  }
  
  类似这种就可以，但你需要每个可以点击的元素都要添加该指令，而不是只添加在容器上。因为容器内的 dom 结构是未知的

• 接灰的电子产品 #3

  刚才的有误，看这个
  @Directive({
    selector: `click-stop-propagation`
  })
  class ClickStopPropagation {
  @HostListener('click',['event'])
    stopClick(event:Event) {
      event.preventDefault();
      event. stopPropagation();
    }
  }
  
  类似这种就可以，但你需要每个可以点击的元素都要添加该指令，而不是只添加在容器上。因为容器内的 dom 结构是未知的

点开查看后面2条评论