Блог

Я хочу сделать что-то подобное в моем routing.module.ts (см. Строки, отмеченные —>)

 export const routes: Routes = [
        path: 'test/:action',
        component: CreateComponent,
        --> canActivate: ':action' == 'read' ? [Guard1] : [Guard1, Guard2],
        data: {
        -->  screenAction: ':action' == 'read' ? 'read' : ':action',
        }
]
 

Я должен использовать переменную :action, потому что она используется позже в параметре маршрутизатора. Спасибо за вашу помощь!

Ну, то, что вы просите, возможно, но реализация этого может быть немного сложной.

Прежде всего, вам нужно определить несколько маршрутов вместо 1. Где вы можете применить требуемые условия.

 const routes: Routes = [
  { path: '', redirectTo: '/home', pathMatch: 'full' },
  { path: 'home', component: AppComponent },
  {
    path: 'dummy1/:action',
    component: Dummy1Component,
    canActivate: [GuardRotaterGuard],
  },
  {
    path: 'dummyx/:action',
    component: Dummy2Component,
    canActivate: [Guard1Guard],
  },
  {
    path: 'dummyz/:action',
    canActivate: [Guard1Guard, Guard2Guard],
    component: Dummy2Component,
  },
];
 

Маршрут dummy1/:action похож на маршрут шлюза. Каждый запрос к компоненту dummy2 должен идти отсюда. И тогда вам понадобится решающий / поворотный механизм, который может определять и поворачивать маршрут в зависимости от параметров маршрута.
Это должно выглядеть следующим образом :

 canActivate(
    next: ActivatedRouteSnapshot,
    statex: RouterStateSnapshot
  ): Observable<boolean> | Promise<boolean> | boolean {
    const { action } = next.params;
    const state = { comesFrom: 'rotater' };
    console.log("rotater",action);
    if (action === 'read') { // you can decide whatever you want here
       this.router.navigate(['/dummyx/read'], { state });
    }else{
      this.router.navigate(['/dummyz', action], { state }); // pass the action to the other route as a parameter
    }

     return true;
  }
 

А вот пример Stackblitz в действии.