我有这样的路线配置:
[
{
path: '',
component: Home
},
{
path: 'parent',
children: [
{
path: '',
component: ChildComponent1
},
{
path: 'child2',
component: ChildComponent2
},
{
path: 'child3',
component: ChildComponent3
}
]
}
]
我有一些HTML(例如工具栏或菜单),我只想显示parent
路线下的组件,即ChildComponent1
,ChildComponent2
,{ {1}},但不适用于ChildComponent3
。
我可以将工具栏分别包含在每个组件中,但如果我拥有大量的这些组件,那么这将是很多重复。还有更好的方法吗?
--------------- 修改
在Angular 1中,使用ui-router解决方案非常简单。我会有抽象的'父'路由(状态),在Angular 1中可以有自己的控制器和模板。像这样:
HomeComponent
在角度2中,抽象路径(带有子项的路径)不能拥有自己的带模板的组件(或者它可以吗?)。