Що таке вкладені (дочірні) маршрути?
Вкладені (дочірні) маршрути - це маршрути, які вбудовуються всередину батьківського компонента через <router-outlet>, розташований у шаблоні цього компонента.
Вони дозволяють:
- створювати ієрархію навігації (наприклад,
user/profile,user/settings); - відображати вкладені компоненти всередині батьківського;
- робити маршрути чистішими і більш модульними.
Як оголошуються:
ts
const routes: Routes = [
{
path: 'user',
component: UserComponent,
children: [
{ path: 'profile', component: ProfileComponent },
{ path: 'settings', component: SettingsComponent }
]
}
];Як працюють:
- Під час переходу на
/user/profileAngular завантажуєUserComponent, а всередині нього - через<router-outlet>- вставляєProfileComponent. - Шлях стає складнішим, але логічним:
/user/profileзамість двох непов'язаних маршрутів.
Це як вкладки всередині особистого кабінету - батько завжди на місці, а вміст змінюється.
Коротка відповідь
Для співбесідиPremium
Коротка відповідь допоможе вам впевнено відповідати на цю тему під час співбесіди.