CanActivateChild

Интерфейс, который может реализовать класс, чтобы выступать в роли защитника и определять, можно ли активировать дочерний маршрут. Если все защитники возвращают true, навигация продолжается. Если хотя бы один защитник возвращает false, навигация отменяется. Если какой-либо защитник возвращает UrlTree, текущая навигация отменяется и начинается новая навигация к UrlTree, возвращённому защитником.

В следующем примере реализована функция CanActivateChild, которая проверяет, есть ли у текущего пользователя разрешение на активацию запрошенного дочернего маршрута.

class UserToken {}
class Permissions {
  canActivate(user: UserToken, id: string): boolean {
    return true;
  }
}

@Injectable()
class CanActivateTeam implements CanActivateChild {
  private readonly permissions = inject(Permissions);
  private readonly currentUser = inject(UserToken);

  canActivateChild(
    route: ActivatedRouteSnapshot,
    state: RouterStateSnapshot
  ): MaybeAsync<GuardResult> {
    return this.permissions.canActivate(this.currentUser, route.params.id);
  }
}

Здесь определённая функция-защитник передаётся как часть объекта Route в конфигурации маршрутизатора:

@NgModule({
  imports: [
    RouterModule.forRoot([
      {
        path: 'root',
        canActivateChild: [CanActivateTeam],
        children: [
          {
             path: 'team/:id',
             component: TeamComponent
          }
        ]
      }
    ])
  ],
  providers: [CanActivateTeam, UserToken, Permissions]
})
class AppModule {}