md-sidenav-container无法使用角度材质2

时间:2017-06-29 14:32:30

标签: angular angular-material2

我安装了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]
})

我创建了一个使用角度材质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 个答案:

答案 0 :(得分:2)

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

答案 1 :(得分:0)

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

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