Angular material 在角材质设计中在工具栏下方设置sidenav?

Angular material 在角材质设计中在工具栏下方设置sidenav?,angular-material,Angular Material,如何在角材质设计中设置工具栏下方的侧导航?因此,sidenav不会出现在工具栏上。这是一个布局问题。只需使用此页面结构: <div id="main" class="layout-row"> <div id="content" class="layout-column flex"> <md-toolbar> YOUR TITLE HERE </md-toolbar> &

如何在角材质设计中设置工具栏下方的侧导航?因此,sidenav不会出现在工具栏上。

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

<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>

你的头衔在这里
你的内容在这里
SIDENAV内容

就这样

给你。这就是你想要的,以防万一它会帮助别人

 <body ng-app="" layout="column">
      <md-toolbar>
      </md-toolbar>
      <md-content flex>
           <md-sidenav>
           </md-sidenav>
           <ui-view></ui-view>
      </md-content>
 </body


页脚

我已经用这种方式进行了设置,效果非常好。。。但是如果你不说你试过什么,出了什么问题,那么没有人能帮助你。(这就是为什么你的问题在你发表的那一刻就被某人否决了,这对任何人来说都不足以说明问题所在)如果这应该是原始问题的解决方案,请添加一些解释,以便其他人可以从中学习