Lazy loaded module in named outlet throws error

Question

When I try to load a module using loadChildren to load a module's component in named outlet, its throwing error.

Is there a way to lazy load module in a named router-outlet?

//html
<router-outlet name="manager"></router-outlet>

//routing
loadChildren: 'app/xxxmodule/thisxxx.module#ManagerModule'

I just ran into this today, it looks like it's still an issue: https://github.com/angular/angular/issues/12842 — ChadF, Apr 13 '17 at 18:48
i left using named outlet nad handling my component loading in [hidden] conditions — Aniruddha Das, Apr 18 '17 at 21:40
check this answer for workaround or possible solution-https://stackoverflow.com/questions/47482230/angular-4-lazy-loading-with-named-router-outlet-not-working/47487220#47487220 — mohit uprim, Nov 26 '17 at 09:46
@AniruddhaDas Hi. Could you give a brief description of how that works please? — Drenai, Apr 26 '18 at 23:55

score 0 · Answer 1 · answered Nov 20 '20 at 19:37

Before Angular 11 this was a bug in angular and was not possible. For reference find github issue link below :-

Its fixed in angular 11 and changelog of angular 11 confirms that. please find the link below of changelog and search 12842 in changelog page.

1 Answers1