Question 1

Що таке Router в Angular?

Accepted Answer

Angular Router дозволяє навігувати між різними переглядами (component) на основі URL браузера. Він керує відповідністю між URL та component, дозволяючи створювати single-page застосунки з кількома переглядами. Router відстежує зміни URL і завантажує відповідні component у RouterOutlet.

Question 2

Який модуль імпортувати для використання routing в Angular?

Accepted Answer

RouterModule — це модуль Angular, який надає всі необхідні сервіси та директиви для routing (Router service, RouterOutlet, RouterLink тощо). Він імпортується з @angular/router і налаштовується з routes через RouterModule.forRoot() для головного модуля або RouterModule.forChild() для feature modules.

Question 3

Як визначити routes в Angular?

Accepted Answer

Routes визначаються в масиві типу Routes, де кожен об'єкт вказує path та component для відображення. Зі standalone components (Angular 14+) використовується provideRouter(routes) у конфігурації застосунку. З NgModules використовується RouterModule.forRoot(routes) у головному модулі.

Маршрутизація та навігація

Що таке Router в Angular?

Відповідь

Який модуль імпортувати для використання routing в Angular?

Відповідь

Як визначити routes в Angular?

Відповідь

Як відобразити вміст route у шаблоні?

Як створити декларативне навігаційне посилання в шаблоні?

Інші теми співбесід Angular

Основи TypeScript

TypeScript просунутий

Основи Angular

Компоненти та життєвий цикл

Services & Dependency Injection

Організація модулів Angular

Angular CLI

Директиви та Pipe

Реактивні форми

Template-driven форми

Основи RxJS

Оператори RxJS

HttpClient і виклики API

Базове керування станом

Change Detection

Angular Signals

Standalone Components

Модульні тести в Angular

End-to-End тестування

Build і оптимізація

Основи NgRx

Просунутий NgRx

Архітектура Angular

Оптимізація продуктивності

Безпека та найкращі практики

Просунуті патерни RxJS

Angular Universal та SSR

Angular Micro-frontends

Опануй Angular для наступної співбесіди