问重路由时的角4调用分量法

EN

您可以订阅路由器的事件，这将在每次路由更改时触发一个事件。然后您可以获得该事件的活动路由，并检查当前所在组件的路由是否等于该路由。

提示:使用instanceof NavigationEnd对事件进行筛选

您基本上可以将注入Router作为依赖项添加，然后在其上订阅events。有一个路由器公开的事件列表。

因为我们只关心NavigationEnd事件，所以可以使用filter操作符过滤掉它。

事件数据具有url属性，可用于与NavigationEnd之后获得的路径进行比较。

this.router.events
.pipe(
  filter(event => event instanceof NavigationEnd)
)
.subscribe((event: any) => {
  console.log('Got the Event URL as '. event.url);
})

这是一个供您参考的样本StackBlitz。

每当路由发生时，都会创建组件并调用ngOnInit函数。

export class TestComponent implements OnInit{
  constructor(){
     //called first time before the ngOnInit()
  }

  ngOnInit(){
     //called after the constructor
  }
}

我们还有两种选择-

1. Resover - resolve函数
2. Gaurds - canActive函数

每当路由更改时，Resolver和Gaurd都会被执行。