Angular 4使用嵌套组件进行路由

时间:2017-08-25 10:25:10

标签: angular angular-router

我想有这样的路由: 根 根/ childA 根/ childB 根/ childC

根是一个仪表板组件,其中包含指向子项的链接,但在单击它们之后,仪表板不会保留,只会被子项替换。它将是一个移动友好的用户界面,具有后退按钮和面包屑。 哪种方法最好?

1 个答案:

答案 0 :(得分:1)

这很简单。定义您的路径如下:

{ path: 'root', children: (<Routes> [
  { path: '', component: RootComponent, },
  { path: 'childA', component: ChildAComponent, },
  { path: 'childB', component: ChildBComponent, },
  { path: 'childC', component: ChildCComponent, },
])}

检查角度教程以获取有关痕迹的信息。对于移动设备友好的反应式开发(即通过bootstrap或其他方式)。

祝你好运。