Маршрутизация в Angular¶
30.09.2026
Маршрутизация меняет то, что пользователь видит в одностраничном приложении.
Angular Router (@angular/router) — официальная библиотека навигации в приложениях Angular и часть ядра фреймворка. Она входит во все проекты, которые создаёт Angular CLI.
Зачем маршрутизация в SPA?¶
Когда в браузере открывают адрес, браузер обычно запрашивает страницу у веб-сервера и показывает полученный HTML. При переходе на другой адрес, например по ссылке, браузер делает новый запрос и заменяет страницу целиком.
Одностраничное приложение (SPA) устроено иначе: браузер запрашивает у сервера только первую страницу, index.html. Дальше навигацией занимается клиентский маршрутизатор и решает, какое содержимое показать по текущему адресу. Когда пользователь переходит на другой адрес, маршрутизатор обновляет содержимое страницы на месте, без полной перезагрузки.
Как Angular управляет маршрутизацией¶
Маршрутизация в Angular состоит из трёх основных частей:
- Маршруты задают, какой компонент показывать, когда пользователь открывает конкретный адрес.
- Точки выхода — заполнители в шаблонах. В них динамически загружается и отрисовывается компонент активного маршрута.
- Ссылки дают переходить между маршрутами приложения без полной перезагрузки страницы.
Помимо этого библиотека маршрутизации Angular даёт дополнительные возможности:
- вложенные маршруты
- программная навигация
- параметры маршрута, параметры запроса и подстановочные маршруты
- сведения об активном маршруте через
ActivatedRoute - загрузка данных через ресурсы маршрута и резолверы
- эффекты перехода между представлениями
- охранники навигации
Что дальше¶
Как задать маршруты в маршрутизаторе Angular.
Источник: https://angular.dev/guide/routing