javascript - 在新路由器上使用订阅功能时出现 Angular 2 typescript 错误 (rc 1)

Question

我正在尝试使用新路由器为我的 Angular 2 应用程序设置身份验证。有人建议尝试以下操作:

constructor (private _router: Router) {} 

ngOnInit(){
  this._router.subscribe(
    next => {
      if (!userIsLoggedInOrWhatever) {
        this._router.navigate(['Login']);
      }
    }
  )    
}

然而，这个问题是这会导致 typescript 错误

(app.component.ts(47,22): error TS2339: Property 'subscribe' does not exist on type 'Router'.

这很奇怪，因为 documentation很明显，一个Router对象确实有这个功能。我能够调用其他功能，如 router.navigate(['/url'])。你们知道可能是什么问题吗？

Answer 1

新路由器

constructor(router:Router) {
  router.events.subscribe(event:Event => {
    if(event instanceof NavigationStart) {
    }
    // NavigationEnd
    // NavigationCancel
    // NavigationError
    // RoutesRecognized
  })
}

原创

Router 类有一个 EventEmitter changes 你可以订阅:

ngOnInit(){
  this._router.changes.subscribe(
    next => {
      if (!userIsLoggedInOrWhatever) {
        this._router.navigate(['Login']);
      }
    }
  )    
}

如何获取之前的路线见How to detect a route change in Angular 2? (pairwise())