Anguar2-Material2：想要在工具欄下面設置固定的sidenav

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

能否請你幫我創造一個固定的導航欄。還是我做錯了什麼？例如，我遵循angular/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"。往上看。