Question

我试图在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。我不确定我可能错误地配置了什么来让Angular认为不然。或者，如果我遇到RC问题。

Answer 1

这是当前路由器中的已知问题。

对路线进行排序，使最重要的路线首先出现：

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

儿童路线抱怨丢失的路线配置

1 个答案: