需要多次声明angular2路由?

时间:2016-09-30 08:45:02

标签: angular routing routes

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

/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

1 个答案:

答案 0 :(得分:0)

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

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