Как я могу установить имя пользователя по умолчанию в Angular 4?

Question

Как я могу использовать маршрут по умолчанию, например home/Welcome, в настоящее время мой маршрут идет только как http://localhost:4200/home, Я бы хотел, чтобы у пользователя было значение idName по умолчанию в качестве приветствия.

У меня есть моймаршруты настроены как:

 const marketRoutes:Routes = [
    {path:'',redirectTo:'home',pathMatch: 'full'},
    {path:'home',component:HomecontainerComponent,children:[
        {path:':idName',component:ContentdetailsComponent} // would like to have 
    default idNameset up as Welcome so that details page would have initial 
    value Welcome
    ]},
    { path: '**', redirectTo: 'home' } 
];

У меня есть мой ContentdetailsComponent html как:

<div class="content-placeholder">
    <div class="content-description">
        <span class="content-heading">Markets Portal</span>
        <span class="content-desc">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s.</span>
    </div>
    <div class="content-dyna-category">
        <div class="content-category-list">
            <div class="content-categorylist-homeitem" [routerLink]="['Welcome']" routerLinkActive="active"><i class="fa fa-home catrgory-home" aria-hidden="true"></i></div>
            <div class="content-categorylist-subitem"  [routerLink]="['Insights']" >Insights</div>
            <div class="content-categorylist-subitem" [routerLink]="['Enablement']" >Enablement To Win</div>
            <div class="content-categorylist-subitem" [routerLink]="['Account']">Account Best Practices</div>
            <div class="content-categorylist-subitem" [routerLink]="['Best']" >Account Best Practices</div>
            <div class="content-categorylist-subitem" [routerLink]="['Practices']">Account Best Practices</div>
            <div class="content-categorylist-subitem" [routerLink]="['test']" >Account Best Practices</div>
        </div>
        <div class="content-detail-list">
            <router-outlet></router-outlet>

        </div>
    </div>
    <app-whatsnewcontent></app-whatsnewcontent>
</div>

Answer 1

Попробуйте этот код:

Добавьте еще один маршрут в массиве children как

{path:'', redirectTo:'welcome', pathMatch: 'full'}, чтобы перенаправить его на home/welcome

const marketRoutes:Routes = [
    {path:'',redirectTo:'home',pathMatch: 'full'},
    {path:'home', component:HomecontainerComponent,children:[
        {path:'', redirectTo:'welcome', pathMatch: 'full'}      // Redirects to home/welcome
        {path:':idName',component:ContentdetailsComponent}
    ]},
    { path: '**', redirectTo: 'home' } 
];

Answer 2

вы можете попробовать это решение

У меня есть демонстрация на stackblitz

const marketRoutes:Routes = [
    {path:'',redirectTo:'home',pathMatch: 'full'},
    {path:'home',component:HomeComponent,
      children:[

        { path: '', redirectTo: 'welcome', pathMatch: 'full' },

          { path: 'welcome', component:ContentdetailsComponent }
      ]
    },
    { path: '**', redirectTo: 'home' } 
];