裝在角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 
     } 
    ] 
    }