角2：導航不工作

Question

我在我的應用程序級的導航欄，如下所示子默認路由：

<ul> 
<li id="navbar-header">Header</li> 
<li class="navbar-item"> 
    <a routerLink="/administration" 
     routerLinkActive="active">Administration</a> 
</li> 
<li class="navbar-item"> 
    <a routerLink="/web-report" routerLinkActive="active">Web Report</a> 
</li> 

我想設置我的網絡報表的默認路由，但由於某些原因，它不能正確重定向，並且它保持在localhost：8080/web-report上。

這裏是我的Web報表路由模塊：

@NgModule({ 
imports: [ 
    RouterModule.forChild([ 
     {path: 'web-report', component: WebReportComponent, children : [ 
      {path: '', redirectTo: 'ticket-search', pathMatch: 'full'}, 
      { path: 'ticket-search', component: TicketSearchComponent }, 
      { path: 'ticket-list/:simpleOrDetailed', component: TicketListComponent }, 
     ]} 
    ]) 
], 
exports: [ 
    RouterModule 
] 
}) 

如果需要的話，這裏是我的應用程序級別的路由：

@NgModule({ 
    imports: [ 
RouterModule.forRoot([ 
     { path: '', redirectTo: 'administration', pathMatch: 'full' }, 
     { path: 'administration', component: AdministrationComponent}, 
     {path: 'web-report', component: WebReportComponent } 
    ])], 
    exports: [ 
RouterModule 
    ] 
}) 

Answer 1

我能弄明白。實際上，我需要將應用級別的路線更改爲：

{path: 'web-report', redirectTo: 'web-report/ticket-search', pathMatch: 'full'}