私の現在のプロジェクトで2

Question

角度で子コンポーネントをロードするときに、私は次のビュー

ページの負荷を持ってどのように親コンポーネントを非表示にするには、Parent Item Descriptionが見えるはずとSelected sub item descriptionはいけません可視。

Sub Item xを選択すると、Parent Item Descriptionが非表示になり、Selected sub item descriptionのみが表示されます。

私はこの

{ 
     path: 'main/:id', 
     component: MainComponent, 
     children: [ 
      { 
      path: '', 
      component: MainComponent, 
      pathMatch: 'full', 
      }, 
      { 
      path: 'sub/:id', 
      component: SubComponent 
      } 
     ] 
     }, 

ために、次のルートを作成しているが、プロジェクトを実行すると、それは私が期待していたように動作しdeosn't。

私は、サブアイテムの説明をロードするために<router-outlet></router-outlet>を追加したが、私はメインアイテムに行くとき、それ自体がそのrouter-outlet

内で複製主な項目は、すべてのヘルプは非常にのみ、選択した項目の説明をロードするためには理解されるであろう右側。

Answer 1

あなたはこのようなcomponentlessルートに親ルートを変換する必要があります。

{ 
    path: 'main/:id', 
    children: [ 
     { 
     path: '', 
     pathMatch: 'full' 
     component: MainComponent, 
     }, 
     { 
     path: 'sub/:id', 
     component: SubComponent 
     } 
    ] 
    }