Angular - routování potomků do jediného (nadřazeného) outletu rubrika: Programování: JavaScript

1 petr.jajtner
položil/-a 28.2.2019

Ahojte vývojáři,
opět se obracím na vás - odborníky. Chtěl bych mít takovouto routu:

// Route: /:id1/:id2/:id3/:id4

Pochystal jsem si i definici:

export const routes: Routes = [
  {
    path: '',
    component: IndexComponent,
    children: [
      {
        path: ':id1',
        component: Id1Component,
        children: [
          {
            path: ':id2',
            component: Id2Component,
            children: [
              {
                path: ':id3',
                component: Id3Component,
                children: [
                  {
                    path: ':id4',
                    component: Id4Component
                  }
                ]
              }
            ]
          }
        ]
      }
    ]
  }
];

V app.component.html mám

<router-outlet></router-outlet>

Problém je ten, že bych chtěl všechny potomky routy zobrazovat pouze v tomto outletu. Bohužel se mi to nijak nedaří zprovoznit. Jak by se toto dalo vyřešit?
Předem děkuji za všechny odpovědi!

Petr

odkaz Vyřešeno
1 petr.jajtner
odpověděl/-a 1.3.2019
 
upravil/-a 2.8.2019

Vyřešeno za pomoci modulů a postupným „děděním“ rout. Kdyby někdo potřeboval, vytvořil jsem stackblitz včetně breadcrumbs: https://stackblitz.com/edit/angular-routing-to-main-outlet

Pro plný přístup na Devel.cz se prosím přihlaste:

Rychlé přihlášení přes sociální sítě:

Nebo se přihlaste jménem a heslem:

Zadejte prosím svou e-mailovou adresu.
Zadejte své heslo.