Angular 2 Nested Routes mit @Routes

Question

Ich versuche etwas scheinbar Einfaches zu tun. Ich habe die nachstehend aufgeführten:

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

Als ich /stores navigiere ich zeigen eine Liste von bestehenden Filialen. Ich habe einen Link auf dieser Seite, um zu einem Bildschirm zu navigieren, um einen neuen Laden zu erstellen. Allerdings, wenn ich zu /stores/new navigieren, erhalte ich folgende:

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

Ich bin ziemlich neu in Angular so bin ich nicht ganz sicher, was ich zu tun, um brauche einen Weg, wie die Funktion zu erhalten.

Answer 1

Ordnen Sie Routen so an, dass spezifischere zuerst und weniger spezifische zuletzt angezeigt werden. Das ist eine aktuelle Einschränkung des RC.1 Routers.

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