Ionic2 close fab menu khi nhấn nút

Question

Làm cách nào để đóng menu FAB mở khi một nút trong menu được nhấn?

Đây là nút của tôi.

<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> 

Tôi phải thêm gì vào refresh để làm cho toàn bộ FAB đóng? Tôi có thể tham chiếu bằng cách nào đó đối tượng html từ bên trong mã không? Tương tự như cách iOS xử lý các cửa hàng của nó?

Answer 1

Chỉ cần thêm #fab cho thẻ ion-fab:

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

và sử dụng phương pháp FabContainerclose() để đóng menu FAB (nếu mở ra) vào đầu của bất kỳ chức năng gọi bằng nút FAB của bạn, ví dụ:

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...) 
}