如何捕获锚标签的路由事件

Question

我需要在用户使用应用程序时保存他们的浏览历史记录，因此我捕获路由器事件以存储如下代码所示的 url。它适用于应用程序内部的路由，但是当涉及到 <a href="/example" target="_blank"> 时，不会触发任何事件。我如何捕获它的事件？

this.router.events.pipe(
  filter(event => event instanceof NavigationStart)
).subscribe( // My logics to store the URL )

Answer 1

您应该使用 [routerLink]，而不是 href，它会捕获导航结束。

如果您必须使用 target=_blank，也许可以尝试在新选项卡中导航到的组件的 ngOnInit 中记录导航。