Angular-Material md-menu 不起作用答案

【问题标题】：Angular-Material md-menu not workingAngular-Material md-menu 不起作用
【发布时间】：2016-12-17 13:14:43
【问题描述】：

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

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

看起来像这样：

【问题讨论】：

看起来不错 - codepen.io/camden-kid/pen/akPEpK?editors=1010#0
@camden_kid 是的，这似乎工作得很好。您认为我的问题可能与使用流星有关吗？
禁用流星 CSS 文件的加载，看看会发生什么。
@camden_kid 我不知道该怎么做？我在哪里可以找到这些。我在 index.html 中没有看到它们是通过流星包加载的吗？
我对流星一无所知，但只是阅读文档 - guide.meteor.com/build-tool.html#css - 它似乎没有与任何 CSS 捆绑在一起，您必须提供自己的样式。也许您项目另一部分的 CSS 是问题所在。我唯一能建议的就是你查看控制台中的菜单栏元素，看看是否有一些 CSS 影响了它。

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

【解决方案1】：

问题是我使用的是 NPM 的 angular-material 包，而不是大气。出于某种原因，这有所作为

【讨论】：

我遇到了同样的问题，除了我从 google 托管的 cdn 切换到 cloudfare 托管的 CDN 并修复了它。很奇怪。