Angular Multiple Layouts Routing Is Not Working

I have the follwing multi-layout structure without lazy loading. When navigating to https://localhost:44327/admin or /student it doesn't show anything. If I use an empty path inste

Solution 1:

As app.component.ts is not a routed component it doesn't know anything about the active route. If you want to use your main router-outlet in app.component.ts then you have to add <base href="/"> in your index.html.

Solution 2:

I think you need to add main route to routes array. { path: '', component: AnyComponent, }