FAB 快速拨号和简单下拉菜单不起作用答案

【问题标题】：FAB Speed Dial and Simple dropdown menu not workingFAB 快速拨号和简单下拉菜单不起作用
【发布时间】：2015-06-23 04:29:28
【问题描述】：

我已经按照 angular material 网站中的演示进行了操作。 https://material.angularjs.org/latest/#/demo/material.components.menu

我遇到了一个问题，简单的下拉菜单和快速拨号只是静态的而不是初始化的。

似乎无法弄清楚我错过了什么。

<div layout="column">
  <md-content class="md-padding" layout="column">
    <div class="lock-size" layout="row" layout-align="center center">
      <md-fab-speed-dial md-open="false" md-direction="up"
                         ng-class="md-fling">
        <md-fab-trigger>
          <md-button aria-label="menu" class="md-fab md-warn">
            <i class="fa fa-car"></i>
          </md-button>
        </md-fab-trigger>
        <md-fab-actions>
          <md-button aria-label="twitter" class="md-fab md-raised md-mini">
            <i class="fa fa-car"></i>
          </md-button>
          <md-button aria-label="facebook" class="md-fab md-raised md-mini">
            <i class="fa fa-car"></i>
          </md-button>
          <md-button aria-label="Google hangout" class="md-fab md-raised md-mini">
            <i class="fa fa-car"></i>
          </md-button>
        </md-fab-actions>
      </md-fab-speed-dial>
    </div>
  </md-content>
</div>

【问题讨论】：

标签： angularjs angular-material

【解决方案1】：

我将<md-fab-speed-dial> 标记上的ng-class 属性更改为简单的class，它现在可以工作了。看看this link from the Angular Material site。

在你的情况下，你应该有：

<md-fab-speed-dial md-open="false" md-direction="up" class="md-fling">

【讨论】：