angular - 如何检测 Angular 中的路由变化？

Question

我希望检测到我的 AppComponent 中的路由更改。

此后我将检查全局用户 token 以查看用户是否已登录，以便在用户未登录时重定向用户。

Answer 1

在 Angular 2 中，您可以订阅(Rx 事件)到 Router 实例。 所以你可以做这样的事情

class MyClass {
  constructor(private router: Router) {
    router.subscribe((val) => /*whatever*/)
  }
}

编辑(自 rc.1 起)

class MyClass {
  constructor(private router: Router) {
    router.changes.subscribe((val) => /*whatever*/)
  }
}

编辑 2(自 2.0.0 起)

另见:Router.events doc

class MyClass {
  constructor(private router: Router) {
    router.events.subscribe((val) => {
        // see also 
        console.log(val instanceof NavigationEnd) 
    });
  }
}