离子2:加载组件并不总是消失(随机)

Question

Q)任何人都知道Ionic 2中的Loading组件是否破损或者我是愚蠢的？

我试图使用Ionic 2中的Loading组件,如下所示:

let loading = Loading.create({
  content: 'Loading: ',
  duration: 3000
});
nav.present(loading);

即使他们被设置为自我解雇,他们有时会出现翻倍(即屏幕上有2个叠加,背景太深),并且他们不会被解雇.

这似乎打破了我.

我试过保留一个全局变量并解雇每个变量:

  showLoading(nav: NavController) {
    if(!window.loadingOverlays) {
      window.loadingOverlays = [];
    }
    // only ever show one instance of the overlay.
    if(window.loadingOverlays && window.loadingOverlays.length > 0) {
      return;
    }

    let loading = Loading.create({
      content: 'Loading...'
    });
    nav.present(loading);
    window.loadingOverlays.push(loading);
  }

  hideLoading() {
    if(!window.loadingOverlays || window.loadingOverlays.length == 0) { 
      return; 
    }
    window.loadingOverlays.forEach((overlay) => {
      overlay.dismiss();
    });
    window.loadingOverlays = [];
  }

并添加到它并手动解除它们,但这没有任何效果.

Answer 1

我只是遇到了像你这样的问题,我通过将代码dismiss()放在函数返回.then()的承诺之后解决了它dismiss().

例如: overlay.dismiss().then(() => { /* PUT YOUR CODE HERE */ })