为什么 Router Event 在从 13 到 15.2.9 的角度更新后仅抛出滚动事件

Question

我将角度版本从 13 升级到 15.2.9，我观察到路由器功能正在崩溃。路由器事件仅抛出 SCROLL EVENT 而不是 Navigation End。请建议我在哪里遗漏了什么或如何解决路由问题。

滚动事件显示为 scroll(anchor:'null',position:'null') .

我需要触发完整的路由器事件，并最终出现导航结束，以便我可以在组件中捕获它。

Answer 1

从 Angular 13 更新到 15 后，我遇到了同样的问题。 这是我的解决方法：

this.router.events
  .pipe(
    filter((event) => event instanceof NavigationEnd || (event instanceof Scroll && event.routerEvent instanceof NavigationEnd)),
    map((event) => event instanceof Scroll ? event.routerEvent as NavigationEnd : event as NavigationEnd),
  )