Требуется многократное объявление угловых маршрутов?

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 } 
     ... 
    ] 
}