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"。往上看。