单击其中的按钮后如何保持FAB工具栏打开？答案

【问题标题】：How to keep the FAB toolbar open after clicking a button inside it?单击其中的按钮后如何保持FAB工具栏打开？
【发布时间】：2016-02-24 07:27:21
【问题描述】：

我正在为我的 ionic 应用程序使用有角度的材料。我遇到了 fab 工具栏，并将其包含在我的应用程序中。这是角度材料指南中提供的演示。 FAB toolbar demo.

这是我的代码：

<md-fab-toolbar md-open=true md-direction='left'>
<md-fab-trigger class="align-with-text">
  <md-button aria-label="menu" class="md-fab md-primary">
    <md-icon md-svg-src="img/icons/menu.svg"></md-icon>
  </md-button>
</md-fab-trigger>
<md-toolbar>
  <md-fab-actions class="md-toolbar-tools">
    <md-button aria-label="comment" class="md-icon-button">
      <md-icon md-svg-src="img/icons/ic_comment_24px.svg"></md-icon>
    </md-button>
    <md-button aria-label="label" class="md-icon-button">
      <md-icon md-svg-src="img/icons/ic_label_24px.svg"></md-icon>
    </md-button>
    <md-button aria-label="photo" class="md-icon-button">
      <md-icon md-svg-src="img/icons/ic_photo_24px.svg"></md-icon>
    </md-button>
  </md-fab-actions>
</md-toolbar>

每当我们按下其内容中的任何按钮时，fab 工具栏都会不断关闭。有什么方法可以让 FAB 工具栏在点击里面的按钮后保持打开状态？

【问题讨论】：

标签： angularjs ionic-framework angular-material

【解决方案1】：

这看起来像是一个未解决的问题：

https://github.com/angular/material/issues/4973

【讨论】：

感谢您的提醒。但是有什么办法可以解决这个问题吗？

【解决方案2】：

正如 lj-wizard 所说，github 上有一个未解决的问题。

https://github.com/angular/material/issues/5124

您可以尝试使用 md-fab-speed-dial，因为该问题不会发生。 https://material.angularjs.org/latest/api/directive/mdFabSpeedDial

如果不设置动画，按钮将永久可见。

【讨论】：