兄弟のルーターアウトレットに移動しない

Question

これは私のルートコンポーネントです。基本的には、コンセントをhtmlタブにルーティングしています

現在、私は[トランザクション]ページ - > [トランザクションコンポーネント]タブ（シングル）です。

<a [routerLink]="['../Product',{outlets :{ }}]"></a>

私はどのようにがFridgeComponentに移動するには、上記をrouterlinkどうあるべきかわからない - 直接>「冷蔵庫」アウトレット。私は別のオプションを試した、誰も動作していません。

これを達成する方法をお勧めします。

export const ROUTES: Routes = [ 
    { path: '', redirectTo:'home', pathMatch: 'full'}, 
    { path: 'home', component: HomeComponent, 
     children:[ 
     { 
      path :'', 
      component: HomeOneComponent, 
      outlet:'one'}, 
     { 
      path :'', 
      component: HomeTwoComponent, 
      outlet:'two' 
     } 
    ]}, 
    { 
     path: 'Product', 
     component: ProductComponent, 
     children:[ 
      {path :'', component: TVComponent, outlet:'tv'}, 
      {path :'', component: ACComponent, outlet:'ac'}, 
      {path :'', component: FridgeComponent, outlet:'fridge'} 
      ] 

    }, 
    { 
     path: 'Transactions', 
     component: TransactionsComponent 
    } 
]; 

Answer 1

これは、あなたも子経路について、あなたのルートでパスに値を割り当てる必要があり、あなたのために働く必要があります。

......... 
{ 
    path: 'Product', 
    component: ProductComponent, 
    children:[ 
     {path :'tv', component: TVComponent, outlet:'tv'}, 
     {path :'ac', component: ACComponent, outlet:'ac'}, 
     {path :'fridge', component: FridgeComponent, outlet:'fridge'} 
     ] 

}, 
........ 

そしてHTML routerLinkで

、uは出口名とパス名

<a [routerLink]="['/product', {outlets: {'fridge': ['fridge']}}]">     
</a> 

あなたはまだ困難が表示される場合は、GitHubの/ plunkerで共有してくださいに言及していることを確認します。