Close() not working in fab ionic-v4

Ionic Framework
1 
import { Fab} from '@ionic/angular';
.........
@Component({
  selector: 'app-dashboard',
  templateUrl: 'dashboard.page.html',
  styleUrls: ['dashboard.page.scss'],
  providers: [ Fab ]
})
.........
constructor(public fab: Fab) { }
.........
closefab(){
    this.fab.close();
  }

error is:

core.js:1633 ERROR Error: Uncaught (in promise): TypeError: Cannot read property 'close' of null
TypeError: Cannot read property 'close' of null

14%20pm
Screen Shot 2018-09-04 at 6.56.14 pm.png992×182 16.5 KB

2

The for pinging me, not sure I could help, what’s Fab again? :wink:

3

these buttons :smile:
49%20pm

4

Oh…and why you inject them as provider to call a method close?

5

because i got error

core.js:1633 ERROR Error: Uncaught (in promise): Error: StaticInjectorError(AppModule)[DashboardPage -> Fab]: 
  StaticInjectorError(Platform: core)[DashboardPage -> Fab]: 
    NullInjectorError: No provider for Fab!
Error: NullInjectorError: No provider for Fab!
6

I mean what’s the goal of the feature?

Sorry like I said I don’t know much about it but since you pinged me I try to understand to help

1 Like
7

resolved without implementing anything :slight_smile: and thanks, atleast u tried :slight_smile:

did this only

var fabs = document.querySelectorAll('ion-fab');
    for (var i = 0; i < fabs.length; i++) {
      fabs[i].activated = false;
    }
3 Likes
8

I solved this issue by writing different code… plz refer below link: