Skip to main content

Що робить CanActivate?

CanActivate - це route guard, який вирішує, чи можна перейти на маршрут.

Якщо повертає true - маршрут відкривається. Якщо false - перехід блокується (Angular залишається на поточній сторінці).


Приклад:

typescript
@Injectable({ providedIn: 'root' }) export class AuthGuard implements CanActivate { canActivate(): boolean { return isUserLoggedIn(); // або логіка перевірки токена } }

Застосування:

typescript
{ path: 'dashboard', component: DashboardComponent, canActivate: [AuthGuard] }

Що можна повертати:

  • true / false - синхронне рішення
  • Observable<boolean> або Promise<boolean> - якщо перевірка асинхронна (наприклад, запит на сервер)

Підсумок: CanActivate - це фільтр на вхід. Перевіряє: "Чи має користувач право потрапити на цей маршрут?". Якщо ні - просто не пускає.

Коротка відповідь

Для співбесіди
Premium

Коротка відповідь допоможе вам впевнено відповідати на цю тему під час співбесіди.