在新路由器上使用订阅函数时出现Angular 2 typescript错误(rc 1）

Angular 2 typescript error when using subscribe function on new router (rc 1)

本文关键字：typescript Angular 错误 rc 路由器 新路 函数      更新时间：2023-09-26

我正试图用新路由器为我的Angular 2应用程序设置身份验证。有人建议尝试以下方法：

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

然而，这个问题是，这导致了打字脚本错误

（app.component.ts（47,22）：错误TS2339:类型"Router"上不存在属性"subscribe"。

这很奇怪，因为文档清楚地表明Router对象确实具有此功能。我可以调用其他函数，比如router.navigation（['/url']）。你们知道问题出在哪里吗？

新路由器

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']);
      }
    }
  )    
}

有关如何获取上一条路线的信息，请参阅如何在Angular 2中检测路线更改？（pairwise()）

相关文章：