我试图让我的应用程序回复以下网址:
/agent
/agent/login
/agent/travel
如果我使用以下路由声明(在单个文件中),我可以使它工作:
{ path: 'agent', component: AgentPage },
{
path: 'agent', component: AgentPage,
children: [
{ path: 'login', component: AgentLogin },
{ path: 'travel', component: AgentTravel }
]
},
{ path: '', component: AgentPage },
{ path: '**', component: NoContent }
如果我删除了第一个路由定义/代理停止工作,我点击NoContent组件......
这是我的agentPage.template.html:
<div>agentPage</div>
<router-outlet></router-outlet>
我真的不明白为什么除了孩子之外我还需要两个相同的声明,并希望能够以更干净的方式运行它(即没有第一个路线定义)
有人可以向我澄清这个吗?
TIA
答案 0 :(得分:0)
你是否尝试过空路作为第一个孩子?
{
path: 'agent', component: AgentPage,
children: [
{ path: '', component: AgentPage }
...
]
}