导航栏需要知道routerLink值

时间:2019-07-30 20:46:18

标签: angular angular-ui-router

Angular 7侧面导航项是一个定位标记,应用程序需要知道它已被路由到它。

rlang

我的Angular 7应用有一个侧面导航栏。导航项之一是具有routerLink属性的锚标记。侧面导航栏组件需要知道单击了链接,并且应用程序已路由到应用程序的此部分。发生这种情况时,导航栏需要隐藏“隐藏应用程序组件”。

1 个答案:

答案 0 :(得分:0)

如果您需要了解所有路由更改,请订阅路由器事件。 路由器事件太多,您可以选择所需的任何事件。

这是一个示例代码,用于为特定的URL预订NavigationEnd:

constructor(private router: Router){}

ngOnInit() {
  this.routerSubscription = this.router.events.subscribe(event => {

    if (event instanceof NavigationEnd) {
      console.log('Router change url event: ', this.router.url);

      if(this.router.url.indexOf('/pm/manage') > -1){
        //Do something
      }
    }
  });
}

我希望这会对您有所帮助。 :)