角2の素材を使った角度2のsidenav

Question

私はsidenavで固定ツールバーを設計したいと思っています。私は適切なガイダンスを見つけることができません。特にAngular 2 Materialを使用してください。 私が達成したいことはこれですSidenav ご指導、ご指導、お手伝いをいただければ幸いです。

Answer 1

ここにはtemplateがあります。

HTML：

<md-toolbar color="accent"> 
    <button (click)="sidenav.toggle()"> 
     <md-icon>menu</md-icon> 
    </button> 
    <h1>Angular</h1> 
</md-toolbar> 

<md-sidenav-container style="height: 91vh;background: yellow"> 

    <md-sidenav #sidenav mode="side" style="background: orange"> 
    Sidenav! 
    </md-sidenav> 

    <md-tab-group> 
    <md-tab label="Tab 1">Content 1</md-tab> 
    <md-tab label="Tab 2">Content 2</md-tab> 
</md-tab-group> 

</md-sidenav-container> 

<footer style="background: skyblue">This is footer</footer>