Угловой 6: название розетки, отображаемое на URL, как его удалить?

Question

имя маршрутизатора, отображаемое на URL. Как удалить это я нашел тот же вопрос на StackOverflow здесь это ссылка, но там не было дано ответа. таким образом я отправил это снова. В моем проекте URL показывается как: http://localhost:4200/dashboard/(dashboardSection:profile)

но я хочу сделать так:

http://localhost:4200/dashboard/profile

http://localhost:4200/dashboard/list

Я предоставил весь код для маршрутизации.

app.module.ts

const appRoutes: Routes = [
  { path: 'home', component: HomeComponent},
  { path: 'sign-up', component: SignUpComponent, canActivate: [PreventLoggedInAccess]  },
  { path: 'file', component: FileUploadComponent, canActivate: [AuthGuard] },
  { path: 'dashboard', component: DashboardComponent, canActivate: [AuthGuard], 
    children:[
    {
        path: "list",
        component: ListingListComponent,
        outlet: 'dashboardSection'
      },
      {
        path: "profile",
        component: ProfileEditComponent,
        outlet: 'dashboardSection'
      }
    ]
  },
  { path: '',
    redirectTo: 'home',
    pathMatch: 'full'
  },
  { path: '**', component: PageNotFoundComponent }
];

в разделе импорта @NgModule ({});

RouterModule.forRoot(
      appRoutes,
      { enableTracing: false } // <-- debugging purposes only
    ),

dashboard.component.html

<li [routerLink]="['/dashboard',{ outlets: { dashboardSection: ['list'] }}]"  routerLinkActive="active">List</li>
              <li [routerLink]="['/dashboard',{ outlets: { dashboardSection: ['profile'] } }]" routerLinkActive="active">profile</li>