Angular2 authguard 路由

Question

我正在开发一个应用程序网络，现在我遇到了路由问题。 我创建了一个 AuthGuard，如果有用户登录则返回。好吧，当我想分成两种类型的路线时，问题就开始了：

-如果我没有登录，我只能去的路线。 -只有登录后才能去的路线。

所以如果我登录了我想要的是我不能去一些路线。

这是我的路由器：

{ path: 'app',
component: AppComponent,
children: [
  { path: 'login', component: LoginComponent },
  { path: 'inicio', component: ContentHomeComponent },
  { path: 'register', component: RegisterFormComponent},
  { path: 'apuestas', component: ContentBetComponent, canActivate: [AuthGuard]}
]},
  { path: '**', redirectTo:'/app/inicio',pathMatch: 'full' }

我现在拥有的是，如果我登录了，我只能去“apuestas”，但我想将我所说的分成两部分。我希望只有在您未登录时才能访问 login、inicio 和 register，如果您已注册，则可以访问其他。

Answer 1

如果我理解正确，您可以添加另一个 NotAuthenticatedGuard，如果用户已登录，则在 canActivate 上返回 false。

{ path: 'app',
  component: AppComponent,
  children: [
    { path: 'login', component: LoginComponent, canActivate: [ NotAuthGuard ] },
    { path: 'inicio', component: ContentHomeComponent, canActivate: [ NotAuthGuard ] },
    { path: 'register', component: RegisterFormComponent, canActivate: [ NotAuthGuard ] },
    { path: 'apuestas', component: ContentBetComponent, canActivate: [AuthGuard]}
]},
{ path: '**', redirectTo:'/app/inicio',pathMatch: 'full' }

命名当然由你决定。