✨ Guards и resolvers

Гарды и резолверы используются почти в каждом Angular-приложении, но многие до сих пор применяют их на автомате, не до конца понимая все скрытые возможности.

Guards контрольно-пропускные пункты маршрутизации:
CanActivateFn/CanActivateChildFn - классика для проверки прав доступа к роуту и его дочерним элементам.

CanDeactivateFn - предотвращает случайный уход пользователя (например, чтобы показать алерт, если форма не сохранена).

CanMatchFn - современная замена старому CanLoad. Идеально подходит для A/B-тестирования и feature-флагов.

Resolvers предзагрузка данных до рендера:
Позволяют получить все нужные данные до активации маршрута. Компонент рендерится уже с готовыми данными без спиннеров и мигания UI. Но пока резолвер ждет ответа от сервера, переход блокируется.

👉 https://angular.love/guards-and-resolvers-controlling-navigation-flow