How to split routing into modules?

Question

Angular

There is an example superhero app on the web from the angular team. In it, AppModule and HeroesModule have a common routing.
I tried to write a similar application. In my version, AppModule and PagesModule have common routing. Everything is done by analogy, but my version does not work. This is expressed in the fact that when the user goes to the page
/page1
, he gets to the Page not found 404 page . That is, fallback is triggered.

Please help me fix my version so that when I go to /page1, the Page1Component component is displayed

Answer 1

It will work like this https://stackblitz.com/edit/angular-ivy-fz6fbx?fil...
Just because of the '**', it doesn't get to the child module's routes. Now 404 will only be thrown when all available paths have been checked.