Anguar2-Material2：ツールバーの下の固定されたサイドバーを設定したい

Question

私はangular2とmaterial2を学んでいます。私はシンプルなツールバーと固定されたsidenavを持つ小さなウェブサイトを作ろうとしています。私はツールバーを作成しましたが、sidenavは期待どおりに動作していません。私はちょうど学習のためのplunkerコードの下で使用しています。

<md-toolbar color="primary"> 
    Angular Material 2 App 
</md-toolbar> 
<md-sidnav-layout> 
    <md-sidenav> 
    <md-nav-list> 
     <a md-list-item> 
      Test1 
     </a> 

    </md-nav-list> 
    </md-sidenav> 
</md-sidnav-layout> 

Plunker link

あなたは固定されたナビゲーションバーを作成する上で私を助けてください。または私は間違って何かをしていますか？例えば、angle/material2コードに従っています。私はあなたが何をしたいと思います

Answer 1

は次のとおりです。

<md-toolbar color="primary"> 
    <button md-icon-button (click)="start.toggle()"> 
     Click 
    </button> 
    <span>Toolbar</span> 
</md-toolbar> 

<md-sidenav-container> 
    <md-sidenav #start mode="side" opened="true"> 
     Entry 
    </md-sidenav> 
    <div class="demo-sidenav-content"> 
     hey there! 
    </div> 
</md-sidenav-container> 

はここに試してみてください：https://plnkr.co/edit/7DyjwRc5ygoyraitGEsv?p=preview

編集：永久に開かれたsidenavのためだけmode="side" opened="true"を使用します。上記を参照。