2017-06-29 44 views
1

我已經安裝角料2,這是入門的package.jsonMD-sidenav容器沒有在角材工作2

"@angular/material": "^2.0.0-beta.7", 

然後在我app.module.ts進口

​​

和@NgModule

@NgModule({ 
    imports: [BrowserModule, MaterialModule], 
    declarations: [AppComponent], 
    bootstrap: [AppComponent] 
}) 

我已經創建了示出了使用角度材料2側導航欄的成分。這是html代碼

<md-sidenav-container> 
    <md-sidenav mode="side" opened="true"> 
     <md-list-item> 
      <button md-icon-button> 
      <md-icon class="material-icons md-24 white-icon">dashboard</md-icon> 
    </button> 
     </md-list-item> 
    </md-sidenav> 
</md-sidenav-container> 

角材料2的所有其他元件工作正常。但是,當我將md-sidenav放置在md-sidenav-container的內部時,沒有導航欄可見。但是,如果直接使用md-sidenav而沒有容器,它就可以工作。但可能是這個問題?

回答

2

嘗試將height設置爲md-sidenav-container

+0

或者,在'md-sidenav-container'中添加一個'fullscreen'屬性。 – Edric