angular2のサブメニュー

Question

私はページの左側にメニューがあり、選択されたメニューのサブメニューである別のメニューが左側になければなりません。これがうまくいくために、私は非終端のルート '/ section/...'を作成し、それに別のルータのコンセントを持つコンポーネントを作成しました。 「セクション」フォルダ内のコンポーネントもルータコンポーネントです。私はそれを動作させるために、このようなリンクを使用していた（「./」リンクは、このサブコンポーネントに固有であるためには、ここで追加する必要がありました）：

<a [routerLink]=" ['./Index'] ">Index</a> 
<a [routerLink]=" ['./Test'] ">Test</a> 

すべてが完璧に動作しますが、私はターンしたいと思います現在私のサブメニューであるこれらの要素は、別の別の要素になります。私はすべてのセクションで私のメニューをハードコードしたくない、むしろちょうどタグを配置し、何らかの形でそのサブメニューに追加されるリンクを指定するだろう。 ここでの問題は私が立ち往生していて、それらのリンクをサブメニューコンポーネントに渡して、正しい位置を指し示すことができるかどうかわからないことです。 そのようなサブメニューコンポーネントを作成してそのリンクのリストを渡す最善の方法は何でしょうか？

Answer 1

Iは、メニューパスと

等

http://myapp/main_menu.sub_menu3.sub_sub_menu5/some_content/details 

witha経路の設定のようなルートパスと実際のコンテンツのパスの他の部分のための経路の単一のパラメータを使用して同様のユースケースを解決し

{path: '/:menu/...', name: 'MainArea', component: MainAreaComponent} 

Iは、ナビゲーションバーコンポーネントにルータを注入し、変化に耳を傾け、渡されたメニューパラメータに応じてナビゲーションバービューを更新し、メニューのナビゲーション変化を反映する更新されたメニューパラメータ値とパスでthis.router.navigate(...)を呼び出します選択したメニューに応じてメインコンテンツを表示する必要があります。