Angular-Material md菜单不起作用

时间:2016-08-11 00:23:48

标签: html angularjs meteor drop-down-menu angular-material

我正在尝试使用像许多网站一样的几个菜单创建一个toobar。由于某种原因,菜单正在扩展到页面上的其他所有内容,菜单占据整个宽度。请帮忙!此外,我正在使用meteor这个应用程序。

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

看起来像这样: enter image description here

1 个答案:

答案 0 :(得分:1)

问题是我使用的是NPM的角材料包而不是大气。出于某种原因,这有所不同