Angular4材料：app.componentで

Question

だから私は入れている私のsidenav、のようなものsidenavするコンテンツをロードする方法：今

<md-sidenav-container fullscreen> 
    <md-sidenav #sidepanel>...</md-sidenav> 
    <div class="app"> 
    <main> 
     <router-outlet></router-outlet> 
    </main> 
    </div> 
</md-sidenav-container> 

を、私はすべてを見下ろす事が私のsiteServiceにsidenavへの参照を入れています私はsiteServiceを注入するたびにそれを制御することができます。私はその場で内部のコンテンツをロードしたい

（同様のものをルータ-コンセントには、ルータnaviagtionてい...

どうだろう、のは、私がsidenavにXyComponent1またはXyComponent2をロードしたいとしましょう？それはプログラム的

Answer 1

あなたはAUXルート使ってこれを行うことができます。

<md-sidenav-container fullscreen> 
    <md-sidenav> 
    <router-outlet name="sidenav"></router-outlet> 
    </md-sidenav> 
    <div class="app"> 
    <main> 
     <router-outlet></router-outlet> 
    </main> 
    </div> 
</md-sidenav-container> 

をそして、あなたは、コンセント名を渡すことで、それを制御することができます：

を

また、ルートのコンポーネントを定義する必要があります。 This guideは、AUXルートの使用に関する詳細な抜粋です。