angular - 带有嵌套组件的Angular 4路由

Question

我想要这样的路由：root root/childA root/childB root/childC

根是一个仪表板组件，它具有指向子级的链接，但单击它们后，仪表板不会保留，它只会被子级替换。这将是一个具有后退按钮和面包屑的移动友好用户界面。实现这一目标的最佳方法是什么？

Answer 1

这很简单。定义您的路径，例如：

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

检查角度教程以获取有关面包屑的信息。对于移动友好，请查看响应式开发（即通过引导程序或其他方式）。

祝你好运。