Angular2で「Use "..." on the parent's route path.」が起こる場合の対処法
2016-02-17

Angular2で「Use "..." on the parent's route path.」が起こる場合の対処法

Angular2のComponentRouterを使った場合に発生するUse "..." on the parent's route path.エラーの対処法です。
完全に小ネタ。

NestしたRoutingの場合、親の@RouteConfigのpathに...を付ける必要がある。

// parent
@RouteConfig([
  {path: '/', component: HomeComponent, as: 'Home'},
  {path: '/list/...', component: ListComponent, as: 'List'}
])

// child
@RouteConfig([
  { path: '/:id', component: ListItem, as: 'ListItem' }
])

参考)

angular2 - Use RouterLink from a nested component - Stack Overflow
http://stackoverflow.com/questions/34363176/use-routerlink-from-a-nested-component