angular-material - 在角度 Material 设计中的工具栏下方设置sidenav？

Question

如何在 Angular Material Design 中设置工具栏下方的侧导航？这样 sidenav 就不会越过工具栏..

Answer 1

这是一个布局问题。只需使用此页面结构:

<div id="main" class="layout-row">
    <div id="content" class="layout-column flex">
        <md-toolbar>
            YOUR TITLE HERE
        </md-toolbar>
        <md-content>
            YOUR CONTENTS HERE
        <md-content>
    </div>

    <md-sidenav class="md-sidenav-left" md-component-id="myPanel">
        THE SIDENAV CONTENT
    <md-sidenav>
</div>

就是这样!