angular – 从嵌套组件中使用RouterLink

发布时间：2020-12-17 07:51:16 所属栏目：安全来源：网络整理

导读：使用Angular 2 beta.0 我有一个像这样的组件结构 App (Has RouteConfig) - List | - ListItem (Want to use RouterLink from here) 这会导致错误：组件“列表”没有路由配置. 所以我把ListConfig放在List组件上就像这样… @RouteConfig([ {path: '/:id',name

使用Angular 2 beta.0

我有一个像这样的组件结构

App (Has RouteConfig)
 -> List 
 | -> ListItem (Want to use RouterLink from here)

这会导致错误：组件“列表”没有路由配置.

所以我把ListConfig放在List组件上就像这样…

@RouteConfig([
  {path: '/:id',name: 'Details',component: Detail}
])

但我得到角度错误,如错误：“/ list”不允许子路由.在父路径路径上使用“…”.

我尝试在该路由配置中的/ list路径之前和之后添加这3个点…但没有成功.

路由器上的文档很轻,虽然我知道这应该是基于ui-router,我没有看到并行添加嵌套路由

您可以在父组件中使用它：

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

然后在ListComponent中,定义子路由：

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

确保ListComponent有一个< router-outlet>< / router-outlet>以及……

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!