Angular Material FAB拨号按钮

时间:2016-08-06 07:50:54

标签: javascript angularjs angular-material

我一直在尝试Angular Material并使用FAB Speed Dial,使用他们的演示,我玩了但我看不到它正常运行,我修改了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-openmd-directionng-class已由我修改,只需将其更改为实际值即可。但结果是这个

enter image description here

它不会隐藏按钮按钮菜单功能也不起作用。以下是其演示FAB Speed Dial Angular Material

中的代码笔链接

1 个答案:

答案 0 :(得分:3)

ng-class你设置“向下”但在他们的示例中可能有两个值:

  • 'MD-扫视'
  • 'MD-规模'

所以它应该是例如:

ng-class="'md-fling'"