Angular-Material md-菜单不工作

Question

我正在尝试创建一个带有几个菜单的工具栏，就像很多网站一样。由于某种原因，菜单扩展到页面上其他所有内容的下方，并且菜单占据了整个宽度。请帮忙！我也在为这个应用程序使用流星。

    <body layout="column">
      <md-content layout="column">
        <md-toolbar layout="row" layout-align="start center" layout-padding md-scroll-shrink flex="none">
          <md-button ng-href="/admin"><h1 class="md-title">HOME</h1></md-button>
          <md-menu-bar>
            <md-menu>
              <button ng-click="$mdOpenMenu()">
                Menu
              </button>
              <md-menu-content>
                <md-menu-item>
                  <md-button>
                    item 1
                  </md-button>
                </md-menu-item>
                <md-menu-item>
                  <md-button>
                    item 2
                  </md-button>
                </md-menu-item>
                <md-menu-item>
                  <md-button>
                    item 3
                  </md-button>
                </md-menu-item>
              </md-menu-content>
            </md-menu>
          </md-menu-bar>
        </md-toolbar>
        <div ui-view layout="row" flex></div>
      </md-content>
    </body>

看起来像这样：

Answer 1

问题是我使用的是来自 NPM 而不是来自 atmosphere 的 angular-material 包。出于某种原因，有所不同

Angular-Material md-菜单不工作

Angular-Material md-menu not working

html

angularjs

meteor

drop-down-menu

angular-material