Question

我正在为我的离子应用程序使用角度材料。我遇到了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工具栏在单击其中的按钮后保持打开状态？

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

如果您未设置动画，则按钮将永久可见。

如何在单击其中的按钮后保持FAB工具栏处于打开状态？

2 个答案: