Ionic 2 Beta 11: loading.dismiss() does not work with other overlays

Since Beta 11 I have this issue:

    let loading = this.loadingCtrl.create({content: 'Loading...'});
    loading.present();

    this.geolocationService.geolocate().subscribe(
      (data) => {
        loading.dismiss();

        let alert = this.alertCtrl.create({
          title: 'Title',
          subTitle: 'Text',
          buttons: ['OK']
        });
        alert.present();
      },
      ...
    );

loading.dismiss() does not have any effect, the loading overlay stays open. loading.destroy() removes it but I guess that is not the way to go.

[borys]

Hmm… some time ago I’ve have similar issue - not sure if it is Your problem. loading.dismiss() returns promise - try do something like:

loading.dismiss().then(() => {
   ... (place here code you do after dismiss) 
});

especially when You want to open modal - it may causes some kind of lock f.e.:

WRONG

loading.dismiss();
modal.present(); // Loading is not fully closed!! may cause lock!!!

Works

loading.dismiss().then(()=>
    modal.present();
)

For me, loading component works really unstable, it cause locks (f.e. #7948), so I’ve resigned to use it. I hope it helps…

[Barathwaja]

I’m also using ionic 2 beta 11 , loading.dismiss() works fine…