角2の子供と親（webpack、TS、Angular 2 final）

Question

昨日から私の頭を傷つけていて、私の問題を解決する方法を理解できません。私は、親：ダッシュボードコンポーネントを持っています。これには、ページヘッダーとドロップダウンリストが含まれています。私の子コンポーネントは現時点ではただ1行しか含みません："Child Component! Chosen value from dropdown list: "Some value"".下の画像を見てください。

コミュニケーションはうまくいきますが、ダッシュボードに移動するときに問題があります。

私のルートは次のようになります場合は

{ 
    path: 'admin', 
    component: AdminComponent, 
    children: [ 
     { 
      path: '', 
      component: AdminComponent, 
     }, 
     { 
      path: 'something/:name', 
      component: TestComponent, 
     }, 
    ] 
}, 

私は追加しないでください：子供のルートで

 { 
      path: '', 
      component: AdminComponent, 
     }, 

を、私はエラーを取得する：

Uncaught (in promise): Error: Cannot match any routes: 'admin' 
Error: Cannot match any routes: 'admin' 

しかし、これも子に追加した場合、親ビューが2回表示されることを意味します。

ドロップダウンリストからアイテムを選択すると、子ビューが表示され、ビューは必要なように表示され、親ビューはドロップダウンリストと子テキストラインで表示されます。

私は子供のルート内の行を変更しようとしました：へ

children: [ 
     { 
      path: '', 
      component: AdminComponent, 
     }, 
     { 
      path: 'something/:name', 
      component: TestComponent, 
     }, 
    ] 

：

children: [ 
     { 
      path: '', 
      redirectTo: 'admin', 
     }, 
     { 
      path: 'something/:name', 
      component: TestComponent, 
     }, 
    ] 

しかし、これに

Answer 1

変更に動作しません。

を

children: [ 
     { 
      path: '' 
     }, 
     { 
      path: 'something/:name', 
      component: TestComponent, 
     }, 
] 

これは、空のパス上のrouter-outletのもの。別のオプションは、空のパスをsomethingにリダイレクトし、プレースホルダコンポーネントに「病気を選択する」と言うことです。