多条路线的通用模板

时间:2016-09-18 20:12:53

标签: angular angular2-routing

我有这样的路线配置:

[
  {
    path: '',
    component: Home
  },
  {
    path: 'parent',
    children: [
      {
        path: '',
        component: ChildComponent1
      },
      {
        path: 'child2',
        component: ChildComponent2
      },
      {
        path: 'child3',
        component: ChildComponent3
      }
    ]
  }
]

我有一些HTML(例如工具栏或菜单),我只想显示parent路线下的组件,即ChildComponent1ChildComponent2,{ {1}},但不适用于ChildComponent3

我可以将工具栏分别包含在每个组件中,但如果我拥有大量的这些组件,那么这将是很多重复。还有更好的方法吗?

--------------- 修改

在Angular 1中,使用ui-router解决方案非常简单。我会有抽象的'父'路由(状态),在Angular 1中可以有自己的控制器和模板。像这样:

HomeComponent

在角度2中,抽象路径(带有子项的路径)不能拥有自己的带模板的组件(或者它可以吗?)。

0 个答案:

没有答案