Angular Material FAB 拨号按钮

Question

我一直在尝试 Angular Material 并使用 FAB 快速拨号，使用他们的演示，我试了一下，但我看不到它运行正确，我修改了 HTML 源标记并且只保留 js 端未修改。这是我修改的源代码

<md-fab-speed-dial md-open="false" md-direction="down" ng-class="md-fling">
        <md-fab-trigger>
          <md-button aria-label="menu" class="md-fab md-warn">
            <md-icon md-svg-src="img/icons/menu.svg"></md-icon>
          </md-button>
        </md-fab-trigger>
<some other code...>

大家可以看到，相对于他们写的DEMO源码，md-open、md-direction和ng-class是我修改过的，改成实际值就行了。但是结果是这样

它不会隐藏按钮，按钮菜单功能也不起作用。这是他们的演示 FAB Speed Dial Angular Material

中的代码笔 link

Answer 1

对于 ng-class 你设置了 "down" 但在他们的例子中有两个可能的值：

'md-fling'
'md-scale'

所以它应该是例如：

ng-class="'md-fling'"

Angular Material FAB 拨号按钮

Angular Material FAB Dial button

javascript

angularjs

angular-material