ユーザーがログアウト状態の場合、Angular2

Question

AngularJS2を使用して単一ページのアプリケーションを開発しています。ユーザーがログインしていない場合はログインページにリダイレクトしたいのですが、各ルートの状態を確認してログインを確認する方法？

import { RouterModule, Routes } from '@angular/router'; 
import { HomeComponent } from './home/home.component'; 
import { LoginComponent } from './login/login.component'; 
import { NotFoundComponent } from './not-found/not-found.component'; 
import { SalesComponent } from './sales/sales.component'; 
import { LogoutComponent } from './logout/logout.component'; 

const appRoutes: Routes = [ 
    { path: 'home', component: HomeComponent }, 
    { path: 'login', component: LoginComponent }, 
    { path: 'employees', component: EmployeeComponent }, 
    { path: '404-not-found', component: NotFoundComponent }, 
    { path: 'logout', component : LogoutComponent }, 
    { path: '**', redirectTo: '/404-not-found' } 
]; 

export const routing = RouterModule.forRoot(appRoutes); 

私はapp.routing.tsファイルのログインステータスを確認したいと思います。私がログインしていない場合、私はログインにリダイレクトする必要があります。 ありがとうございます。

Answer 1

CanActivateインタフェースの実装を使用したソリューションは、新しいルータの現在のリリースで堅牢なソリューションですAngular2 redirect to login page

での回答をご参照ください。

Answer 2

Routing and Navigationドキュメントで説明されているように、authサービスとauthガードサービスを作成し、ルート設定でそれを設定する必要があります。