複数のパラメータを持つデフォルトのルーティングがコンポーネントをロードしています

Question

デフォルトの経路が読み込まれていませんタブコンポーネントがデフォルトです。 {： 'タブ/：ID' 成分：TabComponentタブ パス} //注：一つのパラメータで動作のみ app.routing.tsそれだけで私は以下のコードを交換する場合

作品

const appRoutes: Routes = [ 

    { 
     path: '', 
     component: NavMenuComponent, // nav component 
     children: [ 
      { 
       path: '', 
       redirectTo: 'tab/' , 
       pathMatch: 'full' 
      }, 
      { 
       path: 'tab/:id/:title', 
       component: TabComponent // tabs 
      } 
     ] 
    }, 

]; 

manu.copnent.html

<ul class="list-unstyled list" *ngFor='let tab of tabs'> 
      <li><a [routerLink]="['/tab',tab.LinkTabID,tab.TabName]" class="anchorLink"><i class="icon-home scolor"></i><font color="white">{{tab.TabName}}</font></a></li> 



     </ul> 

Answer 1

あなたはなしに移動することはできません既存のルートが存在し、ルートtab/が存在しない場合は、tab/1/foo（またはパラメータに使用する値）のみが存在します。

あなたはtab/にナビゲートすることができるようにしたい場合は、あなたがtabs/2/barに tabs/1/fooからナビゲート中tabs/からtabs/1/fooTabComponentに移動すると、破壊され、再作成されていることを認識しておく必要があり、このようなルート

const appRoutes: Routes = [ 

    { 
     path: '', 
     component: NavMenuComponent, // nav component 
     children: [ 
      { 
       path: '', 
       redirectTo: '/tab' , 
       pathMatch: 'full' 
      }, 
      { 
       path: 'tab', 
       component: TabComponent // tabs 
      } 
      { 
       path: 'tab/:id/:title', 
       component: TabComponent // tabs 
      } 
     ] 
    }, 

]; 

を作成する必要がありますTabComponentが再使用されます。