typescript - ionic 2 : Loading component doesn't always dismiss (randomly)

Question

问)有人知道 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

我刚刚遇到了像你这样的问题，我通过将代码放在 .then() 中的 dismiss() 之后解决了它 的 promise dismiss() 函数返回。

例如:overlay.dismiss().then(() => {/* 将您的代码放在这里 */})