需要多次声明angular2路由？

Question

我试图让我的应用程序回复以下网址：

/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

Answer 1

你是否尝试过空路作为第一个孩子？

{
    path: 'agent', component: AgentPage,
    children: [
        { path: '', component: AgentPage }
        ...
    ]
}