如何设置Angular 8车轮事件的灵敏度？

Question

受到this威胁，我能够设置我的应用程序，以便在滚动时可以导航。我只有一个问题，找不到任何地方的信息！如何设置滚动事件的“敏感度”？我的问题是，即使是最小的scroll，它也会导航多条路线，而不仅仅是给我下一条路线。在随附的GIFF中可以看到，触控板的移动非常轻巧，从“关于”到“游览”到“图库”到所有其他导航点的移动速度都太快了！有什么方法可以调节速度，延迟，灵敏度吗？

Answer 1

由于您正在滚动浏览，这意味着在app.component.ts或任何其他更高级别的组件中，您已启用监听器。

您可以在此处放置类似的内容

...
// we'll use this to ignore scrolling event
navigating = false;

constructor(
  ...
  private readonly router: Router
) {
  this.router.events.subscribe(e => {
    if (e instanceof NavigationStart) {
      this.navigating = true;
    } else if (e instanceof NavigationEnd) {
      this.navigating = false;
    }
  });
}

然后在您的处理程序中，如果它是一个简单的回调函数

if (this.navigating) {
  return;
}

或者如果使用RxJ的filter，则为fromEvent

source$.pipe(filter(e => !this.navigating))