角度ガードルートデフォルトで

Question

私のルートのほとんどがガード（ログイン）する必要があるアプリがあります。デフォルトのルートガードと「ホワイトリスト」ルートを追加することは可能ですか？

Answer 1

私が通常行っていることは、ルートガードを持つアプリの承認された部分の親ルートを作成することです。実際にはこのルートにはテンプレートの中に<router-outlet></router-outlet>の基本コンポーネントしかありませんが、そのルートでルートガードを実行する前に子ルートにアクセスすることはできません。下の私の例を見てください。私の場合は

const routes: Routes = [ 
    { path: '', redirectTo: 'app/books', pathMatch: 'full' }, 
    { path: 'app', component: MainComponent, canActivate: [AuthGuard], children: [ 
     {path: 'books', component: BooksComponent }, 
     {path: 'cars', component: CarsComponent }, 
     {path: 'trees', component: TreesComponent } 
    ]}, 
    { path: 'login', component: LoginComponent, canActivate: [NonauthGuard] } 
]; 

NonAuthGuardは逆の動作を提供し、ユーザーが許可された状態でログインルートをヒットすることはできません。

Answer 2

ルーターガードを使用します。件名に関する良い記事は、https://codecraft.tv/courses/angular/routing/router-guards/、

で見つけることができます。別のアプローチを説明するStackOverflow。 Angular 2 Router - CanActivate Guard

さらに別のガイドです。 https://blog.thoughtram.io/angular/2016/07/18/guards-in-angular-2.html