md-sidenav-container 在 angular material 2 中不工作

Question

我已经安装了 angular-material2，这是 package.json 条目

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

然后在我的 app.module.ts 中导入

import { MaterialModule } from '@angular/material';

和@NgModule

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

我使用 angular material 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>

angular material2 的所有其他组件工作正常。但是当我将 md-sidenav 放在 md-sidenav-container 中时，视图上没有导航栏。但是当直接使用 md-sidenav 而不使用容器时它会起作用。但这可能是问题所在吗？

Answer 1

尝试将 height 设置为 md-sidenav-container。

Answer 2

更新：导入现已过时。现在是：

import { MatSidenavModule} from '@angular/material';

md-sidenav-container 在 angular material 2 中不工作

md-sidenav-container is not working in angular material 2

angular-material2

angular