Некоторые паттерны Angular routing в SPA-приложениях:

• Client-side routing. 1 Самый распространённый тип маршрутизации в Angular. 1 Логика маршрутизации обрабатывается роутером Angular в браузере, а сервер предоставляет только начальную HTML-страницу. 1 При нажатии пользователем на ссылку или вводе URL роутер перехватывает запрос и загружает соответствующий компонент во вид без перезагрузки страницы. 1
• Server-side routing. 1 Менее распространённый тип маршрутизации в Angular, но всё же важный. 1 Логика маршрутизации обрабатывается сервером, который генерирует HTML для каждой страницы и отправляет её в браузер. 1 При нажатии пользователем на ссылку или вводе URL сервер генерирует новую HTML-страницу и отправляет её обратно в браузер. 1 Такой подход полезен для приложений с большим количеством динамического контента или для SEO-оптимизации. 1
• Route guards. 5 Используются для защиты маршрутов в приложении, позволяют контролировать доступ на основе определённых условий. 5 Angular предоставляет несколько типов route guards: 5
• CanActivate — определяет, может ли маршрут быть активирован; 5
• CanActivateChild — похож на CanActivate, но для дочерних маршрутов; 5
• CanDeactivate — определяет, может ли маршрут быть деактивирован; 5
• CanLoad — определяет, может ли быть загружен лениво загружаемый модуль. 5