Запропонувати правку

Покращити цю статтю

Допрацюйте відповідь до «Що таке route guards?». Ваші зміни проходять модерацію перед публікацією.

Потрібне підтвердження

Контент

Що ви змінюєте

Заголовок (UA)

Коротка відповідь (UA)

Показується над повною відповіддю для швидкого нагадування.

Відповідь (UA)

**Route guards** - це механізми, які **контролюють доступ до маршрутів** в Angular.

Вони вирішують:
чи можна відкрити маршрут,
чи можна піти з нього,
чи варто завантажувати модуль тощо.

---

### Основні типи guard

- `CanActivate` - чи можна зайти на маршрут;
- `CanDeactivate` - чи можна піти з поточного компонента;
- `CanActivateChild` - чи можна зайти на дочірні маршрути;
- `CanLoad` - чи можна завантажити лінивий модуль;
- `CanMatch` - новий гнучкий guard для перевірки збігу маршруту.

---

### Як працює:

Guard - це просто клас з методом, який повертає `true`, `false` або `Observable/Promise<boolean>`.
Якщо `false`, Angular не пускає користувача на маршрут.

---

### Приклад:

```ts
@Injectable({ providedIn: 'root' })
export class AuthGuard implements CanActivate {
  canActivate(): boolean {
    return isUserLoggedIn(); // true або false
  }
}
```

```ts
{ path: 'admin', component: AdminComponent, canActivate: [AuthGuard] }
```

---

**Підсумок:**
Guard - це **фільтр перед маршрутом**, щоб не показувати те, чого не можна.

Markdown · перетягуйте зображення · ⌘B / ⌘I шорткати153 слів

Для рев’юера

Примітка для модератора (необов’язково)

Бачить лише модератор. Прискорює рев’ю.