Детские маршруты, жалующиеся на пропущенную конфигурацию маршрута

Question

Я пытаюсь создать представление типа master/detail в моем приложении Angular2. В моем основном компоненте приложения, у меня есть следующие маршруты определены:

@Routes([ 
    { path: '/', component: HomeComponent }, 
    { path: '/brands/:brandId/...', component: BrandShowComponent }, 
    { path: '/brands', component: BrandListComponent } 
]) 

Я могу перемещаться просто отлично /brands, где я показываю список брендов. При выборе конкретного бренда я пытаюсь показать детали упомянутого бренда. Кроме того, BrandShowComponent также будет иметь дочерние маршруты. Обратите внимание на ... в приведенной выше конфигурации маршрута. В BrandShowComponent я определил ребенка маршрут как так:

@Routes([ 
    { path: '/regions', component: RegionListComponent } 
]) 

И я добавил <router-outlet></router-outlet> в шаблон для BrandShowComponent.

Как я уже сказал, я могу просмотреть список брендов, но когда я нажимаю на конкретный бренд, я получаю следующее сообщение об ошибке в консоли:

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

Я хочу BrandShowComponent быть master , не BrandListComponent. Я не уверен, что я мог неправильно настроить, чтобы заставить Угловое думать иначе. Или если я получаю бит RC.

Answer 1

Это известная проблема в текущем маршрутизаторе.

Сортировать маршруты так, что наиболее важным пришел первым:

@Routes([ 
    { path: '/brands/:brandId/...', component: BrandShowComponent }, 
    { path: '/brands', component: BrandListComponent } 
    { path: '/', component: HomeComponent }, 
])