Question

无论我是否正确接近我的问题，我都有点迷失，或者这只是新路由器的RC1版本的问题。

我有一个ApplicationComponent作为入口点。

@Routes([
    {path: '/ingredients', component: IngredientComponent},
])

然后，IngredientComponent自己定义路线：

@Routes([
     {path: '/', component: IngredientListComponent},
     {path: '/:id', component: IngredientDetailComponent}
])

进一步将视图拆分为概览和详细视图。这在导航应用程序时效果很好。

但是，重新加载页面时，Angular似乎无法正确匹配嵌套子路由的URL。如果我在“/ ingredients / 1”上刷新页面时会发生以下错误：

Current segment: '2'. Available routes: ['/ingredients']

“/ ingredients”工作正常，而“/ ingredients /”遭受同样的命运。

关于我如何解决这个问题的任何指示？或者这是一般的错误方法，我应该在ApplicationComponent中声明所有路由吗？

增加：我知道this particular issue已经注入了路由器。

Answer 1

这可能无法解决您的问题，但目前路线的顺序是重要的~~（应尽快修复）~~（此处留下来）

不太具体的路线应该是最后的：

@Routes([
     {path: '/:id', component: IngredientDetailComponent}
     {path: '/', component: IngredientListComponent},
])