angular – 从嵌套组件中使用RouterLink

前端之家收集整理的这篇文章主要介绍了angular – 从嵌套组件中使用RouterLink前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
使用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>以及……

原文链接:https://www.f2er.com/angularjs/143330.html

猜你在找的Angularjs相关文章