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

I had the same issue. This is how I fixed it:

const routes: Routes = [
   {
    path: '',
    children: [
         {
           path: '',
           component: ParentComponent,
         },
         {
           path: 'child',
           component: ChildComponent,
         }
     ]
   }
];