Angularjs 如何在md工具栏中对齐角度侧导航？以及下面的内容

我试图制作一个有角度的sidenav，它必须与某个表单（包含搜索框）对齐，该表单位于

md工具栏

及其下方

我有一些其他东西，比如上面的链接，

p

标记文本应该紧跟在

md工具栏

之后，但是我的sidenav占用了下面很多空间，我无法调整布局

有人能帮我修一下吗？

修好了。实际上，我试图将sidenav内容保存在md工具栏中，但当我将其分离时，问题得到了解决。这是密码
Got it fixed. Actually i was trying to keep the sidenav content in the md-toolbar itself ,but when i separated it the issue fixed. here's the code

header.html file

<md-toolbar ng-controller="toolBarController">
    <div class="md-toolbar-tools">
      <img src="img/logo/oxkey.png">
          <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
            <div id="right">
                <form class="navbar-form" role="search">
                    <div class="input-group">
                        <div class="input-group-btn">
                            <button class="btn btn-default" type="submit"><i class="glyphicon glyphicon-search"></i></button>
                        </div>
                        <input type="text" class="form-control" placeholder="Search Properties" name="q">


                    </div>
                    </form>
            </div>
        </div>

        <button type="button" class="btn btn-info">For Landlords</button>



      <md-button class="md-icon-button" ng-click="toggleRight()" ng-hide="isOpenRight()" class="md-primary">
          Menu
      </md-button>

</md-toolbar>

header.html文件
房东
菜单

sidenav.html

菜单
测试输入
接近

  <md-toolbar class="md-theme-light">
    <h1 class="md-toolbar-tools">Menu</h1>
  </md-toolbar>
  <md-content ng-controller="RightCtrl" layout-padding="">
    <form>
      <md-input-container>
        <label for="testInput">Test input</label>
        <input type="text" id="testInput" ng-model="data" md-autofocus="">
      </md-input-container>
    </form>
    <md-button ng-click="close()" class="md-primary">
      Close 
    </md-button>
  </md-content>

</md-sidenav>