2016-12-14 18 views
6

Menüdeki bir tuşa basıldığında açık FAB menüsünü nasıl kapatabilirim?Ionic2 düğmesine basıldığında fab menüsünü kapat

İşte benim düğmem.

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

Ben bütün FAB kapanmasını sağlamanın refresh eklemek ne olurdu? Bir şekilde html nesnesini kodun içinden referans alabilir miyim? IOS'un satış noktalarını nasıl ele aldığına benzer mi?

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

ve FAB düğmeler tarafından çağrılan herhangi bir fonksiyon, örneğin başında (açılmış ise) FAB Menüyü kapatmak için FabContainer yöntemini close() kullanın::

cevap

6

Sadece ion-fab etiketine #fab eklemek

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

Harika! FabContainer'ın nerede tanımlandığı/hangi modülden aldığım? API dokümanı oldukça seyrek mi? –

+3

“FabContainer”, “iyonik açısal” (cevabımı güncelledim). Evet, API dokümanı hala her şeyi kapsamıyor. Maalesef, bazı hileler içinde muhtemelen bu hileyi bulduğum yeri unuttum. – Onno

+0

Aslında, yorumlar içe aktarılır, ancak 'import' ( –

İlgili konular