Fab toggleList() not exist in V5?

Ionic Framework
1

Good day. Updating from V4 to V5 but encouter issues and don’t know how to solve it.

In V4 following works:
import { IonFabList } from ‘@ionic/angular’;
@ViewChild(‘fab’,{static: false}) fab: IonFabList;

then I can call this.fab.toggleList(); (Open the list fab buttons)

But in V5 toggleList() no longer associated with IonFabList ?

I tried with IonFab but no luck. Would you please advice how to call the toggleList() method in ion-fab component?

Envirnoment:
Ionic:

Ionic CLI : 6.3.0
Ionic Framework : @ionic/angular 5.0.5
@angular-devkit/build-angular : 0.803.25
@angular-devkit/schematics : 8.3.25
@angular/cli : 8.3.25
@ionic/angular-toolkit : 2.2.0

Utility:
cordova-res : 0.10.0
native-run : 0.3.0
System:
Android SDK Tools : 26.1.1
NodeJS : v12.14.0 (D:\Program Files\nodejs\node.exe)
npm : 6.13.4
OS : Windows 10

Thanks…

2

Just for someone encountering the same problems.

(1) toggleList() no longer available in V5.
(2) Need to implement the followings:
html:
@ViewChild(‘fab’, {static: false}) fab: IonFab;
@ViewChild(‘fablist’, {static: false}) fablist: IonFabList;
ts:
openFab()
{ this.fab.activated = true }

closeFab()
{ this.fab.close() }

// In my case, I need dynamically generate a list based on an external API and for some reason the view or the fab list can’t refresh (or I don’t know how). I re-run the fab list again. BTW, in I3, I call the this.content.resize to refresh the view ( a very handy method).
open_FabList()
{ this.fablist.activated = true }

close_FabList()
{ this.fablist.activated = false }

// Keep the fab buttons open
stay_open(event)
{ event.stopPropagation() }