如何在单击 FAB 工具栏内部的按钮后保持其打开状态

Question

我正在为我的离子应用程序使用角度材料。我遇到了晶圆厂工具栏，并将其包含在我的应用程序中。这是角度材料指南中提供的演示。FAB 工具栏演示。

这是我的代码：

<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工具栏内部的按钮后也能保持打开状态？

Answer 1

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

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

Answer 2

正如 lj-wizard 所提到的，github 上有一个悬而未决的问题。

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

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

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