关闭 Ionic 2 中的加载

Question

所以在我的应用程序中，我有一个按钮，单击该按钮会打开 WhatsApp 并发送声音。在这个按钮上，我附加了一个方法，当单击该按钮时，它会创建一个 Ionic 加载组件。我遇到的问题是“loading.dismiss()”。我想让它在启动 WhatsApp 时关闭加载程序。

我曾尝试使用 ionViewWillLeave，但它不起作用，因为 Ionic 无法将打开 WhatsApp 的我的应用识别为“离开”。

soundboard.html（带有点击方式的按钮）

<button ion-button (click)="share(sound.file)"></button>

soundboard.ts

loading = this.loadingCtrl;

public share(file: string): void {
    let loading = this.loadingCtrl.create({
    content: 'Please wait...'
  });
    loading.present();
    SocialSharing.shareViaWhatsAppToReceiver(null, null, file);
    this.turnoff(loading) /* calls the loading.dismiss */
 }

ionViewWillLeave(loading) {
   loading.dismiss();
}

Answer 1

根据docs，您的函数返回一个承诺。我会在then 和/或catch 中解散。

  SocialSharing.shareViaWhatsAppToReceiver(null, null, file)
    .then(res=>{
        loading.dismiss();
      }).catch(err=>{
        loading.dismiss();
        console.log(err);
      });

Answer 2

我猜你正在使用 SocialSharing 插件。 https://github.com/EddyVerbruggen/SocialSharing-PhoneGap-Plugin 您可以将成功回调传递给 shareViaWhatsAppToReceiver()，并在其中调用 loading.dismiss()。

从文档中复制：

<button onclick="window.plugins.socialsharing.shareViaWhatsAppToReceiver(receiver, 'Message via WhatsApp', null /* img */, null /* url */, function() {console.log('share ok')})">msg via WhatsApp for Addressbook ID 101</button>