Загрузить child компонент в родительский router-outlet
Имеется ли возможность грузить содержимое компонента, который объявлен как child в router-outlet родителя?
Т.е. есть примерно такое объявление:
const routes: Routes = [
{path: 'admin', component: ParentComponent, children: [
{path: 'path1', component: Component1},
{path: 'path2', component: Component2},
{path: 'path3', component: Component3}
]}
];
По дефолту дочерние Component1, Component2, Component3 должны грузиться в router-outlet, который должен быть в шаблоне компонента ParentComponent. Я знаком только с таким вариантом, чтобы не пользовать родительский аутлет: объявить полный путь к компонентам и не вгонять их в children. Вот так:
const routes: Routes = [
{path: 'admin', component: ParentComponent},
{path: 'admin/path1', component: Component1},
{path: 'admin/path2', component: Component2},
{path: 'admin/path3', component: Component3}
];
Можно ли сделать так, чтобы компоненты были в children, но грузились в router-outlet родителя? |
В первом абзаце расписываете как все работает "по дефолту", а чуть ниже спрашиваете как то же самое сделать. Ну вот так собственно и сделать.
|
Мне бы сохранить древовидную структуру роутов. Т.к. роуты будут служить источником данных для другой службы.
|
sniffysko,
const routes: Routes = [
{path: 'admin', component: ParentComponent, children: [
{path: 'path1', component: Component1},
{path: 'path2', component: Component2},
{path: 'path3', component: Component3}
]}
];
c <router-outlet> в шаблоне ParentComponent - cамый правильный и надежный способ. |
| Часовой пояс GMT +3, время: 03:53. |