使用@Routes的Angular 2嵌套路由

Question

我正在尝试做一些看似简单的事情。 我有以下定义：

@Routes([
    { path: '/stores', component: StoresComponent },
    { path: '/stores/new', component: StoresCreateComponent}
])

当我导航到/stores显示现有商店的列表。 我在该页面上有一个链接，以浏览到创建新商店的屏幕。 但是，当我导航到/stores/new ，会得到以下信息：

browser_adapter.ts:78Error: Uncaught (in promise): Component 'StoresComponent' does not have route configuration

我对Angular来说还很陌生，所以我不确定要实现这样的路线我需要做什么。

Answer 1

对路线进行排序，以便更具体的路线排在最前面，而最不具体的路线排在最后。 这是RC.1路由器的当前限制。

@Routes([
    { path: '/stores/new', component: StoresCreateComponent}
    { path: '/stores', component: StoresComponent },
])