如何以编程方式关闭Ionic 3中的FAB按钮列表?

时间:2017-08-17 15:02:26

标签: ionic-framework ionic2 ionic3 floating-action-button

如何以编程方式关闭IONIC 3中的FAB按钮列表?

example open FAB button list

1 个答案:

答案 0 :(得分:2)

1) In HTML

<ion-fab top right #fab>
  <ion-fab-list side="bottom">
    <button ion-fab (click)="Close($event, fab)">
        <ion-icon  name="trash"></ion-icon> 
      </button>
  </ion-fab-list>
</ion-fab>

2) In .TS

import {  FabContainer } from 'ionic-angular';
.
.
.
Close(event, fab: FabContainer) {
    fab.close();
}