Named router-outlet inside module - Path match but content doesn't load

Question

I have a lazy loaded module which includes named router-outlet (auxiliary routes). I'm not able to target content into this router. The path match and I can see it in the url but the content doesn't appear.

Here is a code example: Stackblitz

==== UPDATE

The code is fixed.

Usage:

click on the "LOAD SUBMODULE" link
submodule loads
click on any lines above of "SUBMOD loaded" title.

Mr. Stash · Accepted Answer · 2022-11-26T19:32:52.453

1

When you are using a router outlet inside a component the child routes needs be declared as children for the parent route.

This is how your submod routes should look like

{
  path: '',
  component: SubmodComponent,
  children: [
    { path: 'toloadin', outlet: 'suboutlet', component: ToLoadinComponent },
  ],
}

edited Nov 26 '22 at 19:32

answered Nov 26 '22 at 19:11

Mr. Stash

2,940
3
10
24

I think 1 declaration with named outlet is enought – Jimmy Nov 26 '22 at 19:19
with or without outlet, toloadin path needs to be inside children array but in this case yes only one is enough, updated the answer – Mr. Stash Nov 26 '22 at 19:35

Named router-outlet inside module - Path match but content doesn't load

1 Answers1