我正试图用新路由器为我的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()
)