Angular2 CanActivate保護除一個以外的所有路線

Question

我知道我們可以對位於一個模塊中的路線進行分組。 像那樣：

canActivate: [AuthGuard],
    children: [
      {
        path: '',
        children: [
          { path: 'crises', component: ManageCrisesComponent },
          { path: 'heroes', component: ManageHeroesComponent },
          { path: '', component: AdminDashboardComponent }
        ],
      }

但我應該將保護添加到每個模塊的路由文件中。 而且我有很多。

如果他沒有被授權，我希望用戶不能去除除一個（登錄路線）之外的任何路線。

什么是為所有人添加警衛的正確方法？

Answer 1

您可以使用帶有防護的無組件空路徑父路徑

{ path: '', canActivate: [AuthGuard],  children: [
  {
    path: '',
    children: [
      { path: 'crises', component: ManageCrisesComponent },
      { path: 'heroes', component: ManageHeroesComponent },
      { path: '', component: AdminDashboardComponent }
    ],
  }
}

並在警衛中檢查用戶是否已登錄。如果未登錄且當前路由已login則仍允許login 。