angular tips

tips.ts

/* angular version: "^6.1.0" */
/* navigate to child route from component method */
this.router.navigate(['/Dashboard', {outlets: { menu_Dashboard: 'Increase-Credit'}}]);

/* from html file(dashboard-component.html) that DashboardComponent rendered
* [routerLink]="[{outlets:{menu_Dashboard:['Increase-Credit']}}]"
* */


const routes: Routes = [
  { path: '', redirectTo: '/Home', pathMatch: 'full' },
  { path: 'Home', component: HomeComponent },
  { path: 'Dashboard', component: DashboardComponent, children: [

      {
        path: '',
        component: MainDashboardComponent,
        outlet: 'menu_Dashboard'
      }, {
        path: 'Increase-Credit',
        component: IncreaseCreditComponent,
        outlet: 'menu_Dashboard'
      }
    ] }

];