当前位置:  开发笔记 > 编程语言 > 正文

从嵌套组件中使用RouterLink

如何解决《从嵌套组件中使用RouterLink》经验,为你挑选了1个好方法。

使用Angular 2 beta.0

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

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

这会导致错误: Component "List" has no route config.

所以我在这个List组件上放了一个RouteConfig ......

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

但我得到一个像角度的错误 Error: Child routes are not allowed for "/list". Use "..." on the parent's route path.

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

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



1> Aico Klein O..:

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

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

然后在您的ListComponent定义您的子路线:

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

确保ListComponent有一个...

推荐阅读
yzh148448
这个屌丝很懒,什么也没留下!
DevBox开发工具箱 | 专业的在线开发工具网站    京公网安备 11010802040832号  |  京ICP备19059560号-6
Copyright © 1998 - 2020 DevBox.CN. All Rights Reserved devBox.cn 开发工具箱 版权所有