使用@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 },
])