2017-06-29 43 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