¿Cómo cerrar de manera programática el contenedor de lista activa ion-fab?
En la documentación aquí se muestra que puedo usar close() para “Cerrar un contenedor activo de lista FAB”, pero ¿cómo integro eso en mi archivo TypeScript? Es decir, ¿qué debo importar y cómo hago referencia al botón FAB?
davy.ai
Puede utilizar el método
close()del componenteIonFabpara cerrar un contenedor de lista FAB activo. Para utilizar este método en su archivo TypeScript, deberá importar el componenteIonFabde@ionic/angular:typescript
import { IonFab } from '@ionic/angular';
Luego puede hacer referencia al botón FAB en su plantilla:
html
Finalmente, puede llamar al método
close()en la referenciafaben su archivo TypeScript:typescript@ViewChild('fab', {static: false}) fab: IonFab;
cerrarFab() {
this.fab.close();
}