Stack Overflow
Stack Overflow

Questions tagged [angular-auxiliary-routes]

28 questions
8
votes
2 answers

Angular 5: how do I route all paths for an outlet to the same component using only 1 route?

My current configuration: const routes: Routes = [ { path: '', component: NavComponent, outlet: 'nav' }, // (1) { path: '**', component: NavComponent, outlet: 'nav' } // (2) ]; It works. NavComponent is always rendered to the outlet nav. In…
thorn0
  • 9,362
  • 3
  • 68
  • 96
6
votes
2 answers

Auxiliary router-outlet inside primary router-outlet

I'm trying to use an auxuliary router-outlet inside the primary router-outlet. app.routing export const appRoutes: Routes = [ { path: '', component: HomeComponent }, { path: 'page', loadChildren: () => new Promise(function…
Fabrizio De Bortoli
  • 448
  • 5
  • 16
5
votes
3 answers

Angular 10 auxiliary router outlet not working when placed in lazy loaded module

I have a problem with second router outlet when it's created in lazy-loaded module. I started with this example where auxiliary routes https://stackblitz.com/edit/angular-nested-auxiliary-routes-irixxy work correctly. My app is a bit more…
user3626048
  • 706
  • 4
  • 19
  • 52
5
votes
1 answer

Angular 6/7 Auxiliary outlet navigating to by route - clears primary outlet and it shouldn't

Lazy loading and using named outlets. I have gotten the named outlet to load as expected but when it does, it is also clearing the primary outlet. I want the primary outlet to keep the component it is displaying and just the named outlet to change…
Teresa Burger
  • 137
  • 1
  • 3
  • 8
5
votes
0 answers

Pass query parameters to Auxiliary Routes Angular 5

I'm trying to pass query params (not route params) to each one of my auxiliary routes. What I'm trying to achieve is to have 3 sibling components, each one subscribed and consuming query params from it's own auxiliary route, and populating my page…
Felipe Micali
  • 827
  • 1
  • 11
  • 25
4
votes
0 answers

Angular 8 Cannot match any routes on secondary(named) outlet of lazy loaded module

Angular 8 Cannot match any routes on secondary(named) outlet of lazy loaded module Hi all, Yes, this question considered a duplicate question. I have read the discussion from here Angular 5 Cannot match any routes on named outlet of lazy loaded…
Md. Amanullah
  • 311
  • 4
  • 15
3
votes
1 answer

Error: Cannot match any routes. When lazy loading an Angular auxilary route

I am trying to make a nested child route call to load in an auxilary router outlet, but I cannot seem to make it work. I keep getting the Error: Cannot match any routes. URL Segment:'header/secondary/abc' StackBlitz Link:…
user5427906
  • 59
  • 4
3
votes
1 answer

Navigating to nested/multiple auxiliary routes in angular 4

I am trying to navigate to a nested auxiliary route, and I keep getting the error: ERROR Error: Uncaught (in promise): Error: Cannot match any routes. URL Segment: 'sign-in' The URL I am trying to navigate…
DoubleA
  • 1,636
  • 14
  • 28
2
votes
1 answer

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

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 ====…
DA.PROXI
  • 23
  • 3
2
votes
1 answer

Create Angular Project with sidebar and dynamic content / components - auxiliary-routes

I would love to build a site with two large parts. Once a login page and once a kind of dashboard with subpages. The dashboard should have a side menu with a content area. The various components should be displayed accordingly in the content…
Torben G
  • 750
  • 2
  • 11
  • 33
2
votes
4 answers

Accessing children in auxiliary routing : Angular

I have root routing defined as const routes: Routes = [{ path: '', component: HomeComponent }, { path: 'module1', loadChildren: './module1/module1.module#Module1Module' }, { path: '**', redirectTo: '' …
User985614
  • 330
  • 1
  • 5
  • 18
2
votes
0 answers

Angular auxiliary routing not working from within modules

I'd like to use Angular auxiliary routing for a (very large) administration tool side menus (using 7.2.X Angular branch). After several days of tests with the awfully-complex Angular router, I could make the URL work properly. But when I try to…
Wis
  • 705
  • 1
  • 11
  • 34
2
votes
0 answers

Angular Auxiliary Routing with IIS

We are using auxiliary routing http://example.com/path(x:y/1/1) and are hosting the application in Azure on an app service. Every-time we refresh a page that uses an auxiliary route, or direct navigate to it, IIS gives the error "A potentially…
David Meyers
  • 41
  • 6
1
vote
1 answer

Angular 15 multiple auxiliary routes in featured module throws warnings

I have 3 router-outlets: primary router-outlet (detail) router-outlet (visited) All the routes are configured in the featured module 'country'. Click a country on the left side, and you will see the details on the right side, and a 'last visited'…
Kris Kristensen
  • 21
  • 6
1
vote
1 answer

Using Angular multiple outlet

My app-routing.module.ts content looks like this. const routes: Routes = [ { path: '', redirectTo: '/', pathMatch: 'full' } , { path: 'navbar/:moduleId', component: NavMenuComponent } , { path: 'entitylist/:menuItemId', component:…
Dev
  • 93
  • 8
1
2