Subroutes in Angular2

Question

I have a main component with routes:

@Routes([
            {
                path     : "/auth/login",
                component: AuthComponent
            },
            {
                path     : "/",
                component: DefaultComponent
            }
        ])

DefaultComponent routes:

@Routes([
            {
                path     : "/",
                component: LevelListComponent
            },
            {
                path     : "/levels/:id/add",
                component: LevelListComponent
            },
            {
                path     : "/levels/:id/edit",
                component: LevelListComponent
            },
            {
                path     : "/scripts",
                component: ScriptListComponent
            }
        ])

When I try to navigate to /scripts I see an error:

app.js:44947 EXCEPTION: Error: Uncaught (in promise): Cannot match any routes. Current segment: 'undefined'. Available routes: ['/auth/login', '/']

In beta I could do:

{
   path: "/...",
   component: SomeComponent
}

But now it's not working.

And how can I do create a dynamic route in template?

<a [routerLink]="menuItem.url">

Have you tried to replace the `'/'` with `'*'` like so `path : "*",`? — Maximilian Riegler, May 23 '16 at 07:12

score 2 · Accepted Answer · answered May 23 '16 at 07:12

2

Reorder the routes in DefaultComponent so that the more specific ones come first and the less specific ones come last (/ to be the last one). This is a know issue and will probably be fixed with the next release.

answered May 23 '16 at 07:12

Günter Zöchbauer

623,577
216
2,003
1,567

Maybe you know when probable be next release? – Illorian May 23 '16 at 07:14
No idea. . . . . . – Günter Zöchbauer May 23 '16 at 07:15
I tried to remove "/" route in DefaultComponent but sill have an error – Illorian May 23 '16 at 07:18

Subroutes in Angular2

1 Answers1

Linked