Angular 2: Have Child Route Component Replace Parent in router-outlet

Question

Is there a way to display a child route in the parent route\'s ?

For example, let\'s say we have two routes:

/users         


        

Answer 1

You can do it by setting your routes like this :

const routes : Routes = [
  { 
    path : 'user/:id',
    component : ParentComponent,
    children : [
      { path : '', component : UserComponent },
      { path : 'order/:id', component : OrderComponent }
    ]
  }
]

ParentComponent's template will have only the to load its children.