jQuery MouseWheel 的 Angular 等效项

Question

有谁知道mousewheel 的等效角度是多少？

我基本上需要能够在 Angular 中执行以下操作，但找不到太多关于它的信息

$(document).bind('mousewheel', function(e) {...

我正在处理的网站上有overflow: hidden，这意味着没有滚动条并且窗口滚动不起作用。我只需要能够检测到滚动事件来触发函数。 Onscroll 仅在滚动条实际移动时起作用

感谢您的帮助

Answer 1

@Directive({
    selector: '[wheel]'
})
class WheelDirective {

 @HostListener('wheel', ['$event']) 
  Wheel(event) {
   console.log('wheel');
  }
}

<div wheel class="wheel">..long text</div>

.wheel {
  max-height: 300px;
  overflow: scroll;
}