How to load child route by default in angular 2

Question

At the start of application i want to load child route.

Right now URLcome but respective component not load on that section but when again hit the actual URL it comes.

like route configure is

  const appRoutes: Routes = [         { path: 'a', component: AComponent,          children:[                    { path:'x',component:AXcomponent }                    ]         },         { path: 'b', component: bComponent, } ] 

Now i want to load path a/x how i will load at the start of page ?

Answer 1

Add empty path routes as redirect automatically

const appRoutes: Routes = [     {         path:'',         redirectTo: 'a',         pathMatch: 'full'      },     {         path: 'a',         component: AComponent,         children:[             {                 path:'',                 redirectTo: 'x',                 pathMatch: 'full'              },             {                 path:'x',                 component: AXcomponent              }         ]     },     {          path: 'b',         component: bComponent     } ];