router2のv3.0.0.6alphaでangular2 rc2を使用している場合、ユーザーにログインしていることを確認するためにRouterOuletを拡張します。これはコードです:Angular2 - ルーターとObservableを拡張する
@Directive({
selector: 'router-outlet'
})
export class LoggedInRouterOutlet extends RouterOutlet
{
publicRoutes: Array<string>;
private parentOutletMap: RouterOutletMap;
private userService: UserService;
private parentRouter: Router;
constructor(
parentOutletMap: RouterOutletMap,
_location: ViewContainerRef,
@Attribute('name') name: string,
userService: UserService,
parentRouter: Router
) {
super(parentOutletMap, _location, name);
this.parentRouter = parentRouter;
this.parentOutletMap = parentOutletMap;
this.userService = userService;
this.publicRoutes = [
'public',
'login'
];
}
activate(factory: ComponentFactory<any>, activatedRoute: ActivatedRoute, providers: ResolvedReflectiveProvider[], outletMap: RouterOutletMap)
{
if (this._canActivate(factory.selector)) {
return super.activate(factory, activatedRoute, providers, outletMap);
}
this.parentRouter.navigate(['/login']);
}
_canActivate(url) {
return this.publicRoutes.indexOf(url) !== -1 || this.userService.isLoggedIn()
}
}
userService.isLoggedIn()はブール値を返す必要があります。私の質問は次のとおりです。ユーザーがログインしているかどうかを確認するためにhttp呼び出しを行うために自分のコードを適合させるにはどうすればよいですか? isLoggedInメソッドが観察可能なオブジェクトを返し、それをサブスクライブすると、親関数で結果を返すことができないためです。
良いようだにも感謝を参照してください!しかし、私はそのガードをどこに注入するのだろうか?あなたがコードを編集してそれを表示できるのであれば... –
元の回答を投稿してから数分しました;)これを前に追加するのを忘れました。 – Baumi
ニート!もう一度おねがいします –