ionic 3 loadingcontroller enable backdrop dismiss not working

Question

I have successfully created a loader using following code

presentLoading() {
    this.loadingCtrl.create({
      content: 'Please wait...',
      //duration: 3000,
      dismissOnPageChange: true,
      showBackdrop: true,
    }).present();
  }

but i am not able to place enableBackdropDismiss any where in code i don't know where to put it and how to use it to dismiss my loader

Answer 1

You can use it like other propertive. When it is setted to true , user can dismiss your loading by tapping the backdrop. If you want to dismiss your loading in your code, you need create a varible to represent it:

presentLoading() {
    let loading = this.loadingCtrl.create({
      content: 'Please wait...',
      //duration: 3000,
      dismissOnPageChange: true,
      showBackdrop: true,
      enableBackdropDismiss: true
    }).present();
    //Compute, ajax call or what ever you want
    //Dismiss loading
    loading.dismiss();
  }