Error in refactoring to separate the routing responsibilities

[deborahk]

Error in refactoring to separate the routing responsibilities

[DeborahK]

It looks then like an ordering problem. Angular processes the routes in order. If it sees the wildcard route before the product routes it will never see the product routes.
My working code is at the office and I won't be back there until Friday. But you could try switching these two lines:
ProductModule
AppRoutingModule

[jrmora]

Note:
If we remove
{ path: '**', redirectTo: 'welcome', pathMatch: 'full' }
it works... but then we lost that functionality

[DeborahK]

Do you see any messages in the F12 developer tools.

[jrmora]

No messages

[jrmora]

I work with your last Final version, and I put only the lines of your slides. :) (by the way)

[jrmora]

Well, I've found a way to make it work:
transfer the responsability of { path: '**', redirectTo: 'welcome', pathMatch: 'full' } to the ProductRoutingModule:

RouterModule.forChild([ { path: 'products', component: ProductListComponent }, { path: 'product/:id', canActivate: [ProductDetailGuard], component: ProductDetailComponent }, { path: '**', redirectTo: 'welcome', pathMatch: 'full' } ])

I'm not sure if it's an ugly solution, :) (but it works)

[jrmora]

You're absolutely right.... that solves the problem.

Thank you! (Nice weekend)

[DeborahK]

Great!