Angular2 中的子路径

Question

我有一个包含路由的主要组件：

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

默认组件路由：

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

当我尝试导航到 /scripts 时，我看到一个错误：

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

在测试版中我可以做到：

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

但是现在不行了。

如何在模板中创建动态路由？

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

Answer 1

重新排序 DefaultComponent 中的路线，以便更具体的排在第一位，不太具体的排在最后（/ 排在最后）。这是一个已知问题，可能会在下一个版本中修复。

Angular2 中的子路径

Subroutes in Angular2

angular2-template

angular2-routing

angular