我安装了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
就行了。但问题可能是什么?
答案 0 :(得分:2)
尝试将height
设置为md-sidenav-container
。
答案 1 :(得分:0)
更新:导入现在已过时。现在是:
import { MatSidenavModule} from '@angular/material';