Ionic2ボタンを押したときにファブメニューを閉じる

Question

メニューのボタンを押したときに開いたFABメニューを閉じるにはどうしたらいいですか？

ここはマイボタンです。

<ion-fab bottom center > 
<button ion-fab><b>Hello</b></button> 
<ion-fab-list side="top"> 
<button ion-fab (click)="refresh()"><ion-icon name="refresh"></ion-icon></button> 

FAB全体を閉じるには、refreshに何を追加する必要がありますか？ コード内からhtmlオブジェクトを何とか参照できますか？ iOSがアウトレットを処理する方法と同様ですか？

Answer 1

だけion-fabタグに#fabを追加します。

<ion-fab bottom center #fab> 
    <button ion-fab (click)="refresh(fab)"> 
     <ion-icon name="refresh"></ion-icon>  
    </button> 
</ion-fab> 

および例えば、あなたのFABボタンによって呼び出される任意の関数の先頭で（開いた場合）FABメニューを閉じるにはFabContainer方法close()を使用します。

import { FabContainer } from 'ionic-angular'; 

// remember to pass the fab from client side 
refresh(fab?: FabContainer): void { 
    if (fab !== undefined) { 
     fab.close(); 
    } 
    (other function stuff...) 
}