Angular 2 动态更改默认路由

Question

我需要允许我的应用程序的用户在需要时更改默认路由：我有一个参数页面，他们可以在其中选择他们想要在登录时首先显示的“页面”。

例如，目前，他们在登录时会被重定向到 Day，但他们希望能够更改它并在他们登录时在一周或一个月内重定向。

  { path: 'planification', component: PlanificationComponent,
   children: [
   { path: '', redirectTo: 'Day', pathMatch: 'full' },
   { path: 'day', component: DayComponent },
   { path: 'week', component: WeekComponent },
   { path: 'month', component: MonthComponent }]
 }

我该怎么做？

@angular/core: 2.4.7

@angular/路由器：3.4.7

感谢您的帮助！

Answer 1

实际上，您可以为此使用警卫在导航发生之前重定向到正确的 url：

{ path: '', canActivate: [UserSettingsGuard], redirectTo: 'Day', pathMatch: 'full' }

而你的守卫可以是这样的：

@Injectable()
export class UserSettingsGuard implements CanActivate  {
  constructor(private router: Router) { }

  canActivate() : boolean {
    var user = ...;

    if(user.defaultPage) {
      this.router.navigate([user.defaultPage]);
    } else {
      return true;
    }
  }
}

因此，当存在具有覆盖页面的用户时，您可以切换到新 url 或使用默认流程。