尝试关闭 Ionic Loader 时出错

Question

我有一个 Ionic3 应用程序，它根据操作将数据发布到 API，在等待操作完成时，我使用 Ionic 的 LoadingController 显示一个加载器。

import { LoadingController } from 'ionic-angular';

我通过以下方式声明加载器：

this.loader = this.loadingCtrl.create({
   content: "Please wait..."
});

然后我使用加载器：

doSomething(item) {

    this.loader.present().then(()=>{

      this.item.begin(item).then((result) => {

        this.data = result;
        this.loader.dismiss();

      }, (error) => {
        console.log(error);
        this.loader.dismiss();
      });

    });

  }

我得到错误：

ERROR 错误：未捕获（承诺中）：已插入视图 销毁

有人能指出我正确的方向吗？

环境：

cli packages: (/usr/local/lib/node_modules)

    @ionic/cli-utils  : 1.10.2
    ionic (Ionic CLI) : 3.10.3

global packages:

    Cordova CLI : 7.0.1

local packages:

    @ionic/app-scripts : 2.1.4
    Cordova Platforms  : ios 4.4.0
    Ionic Framework    : ionic-angular 3.6.1

System:

    ios-deploy : 1.9.2
    Node       : v7.7.1
    npm        : 4.1.2
    OS         : macOS Sierra
    Xcode      : Xcode 9.0 Build version 9A235

Answer 1

来自loading controller doc

请注意，组件关闭后，将不再可用，必须创建另一个组件。这可以通过将组件的创建和表示包装在可重用函数中来避免，如下面的使用部分所示。

所以你的错误是因为你有创建和当前拆分。

import { LoadingController } from 'ionic-angular';

constructor(public loadingCtrl: LoadingController) { }

presentLoadingDefault() {
  const loading = this.loadingCtrl.create({
    content: 'Please wait...'
  });

  loading.present();

  setTimeout(() => {
    loading.dismiss();
  }, 5000);
}