Що таке роутинг (routing) в Angular?

AngularJunior~1 хв читання

Роутинг в Angular - це система навігації всередині односторінкового застосунку (SPA), яка дозволяє перемикати компоненти без перезавантаження сторінки.

Він працює так:

Користувач переходить за URL (наприклад, /profile),
Angular аналізує шлях і відображає потрібний компонент, а не завантажує нову сторінку з сервера.

Для цього:

Налаштовується масив маршрутів (Routes[]) в AppRoutingModule.

typescript

const routes: Routes = [
  { path: 'home', component: HomeComponent },
  { path: 'about', component: AboutComponent }
];

Використовується директива <router-outlet> - у цьому місці з'являється потрібний компонент.
Навігація здійснюється через routerLink, navigate() або вручну.

По суті, роутинг - це карта: URL → компонент. Він дозволяє зробити структуру застосунку логічною, модульною та інтерактивною.

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

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

Premium

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