Vérifiez si un observable est complet

Question

Je dois afficher un toast après l'achèvement d'un observable, comment puis-je le faire, mon code est :

this.commerceCtrl.UpdateCategories(this.toSave).subscribe(data => {
  }, error => {
    this.mainFunction.showError(error)
  }),
  complete => {
    this.mainFunction.showToast(this.localization.message_ok)
  }

J'ai essayé de faire comme ça :

this.commerceCtrl.UpdateCategories(this.toSave).subscribe(data => {
  }, error => {
    this.mainFunction.showError(error)
  }),
  () => {
    this.mainFunction.showToast(this.localization.message_ok)
  }

mais ça ne fonctionne pas

Answer 1

Vous devez passer le gestionnaire complete comme troisième argument à subscribe.

Dans votre code, il suffit de déplacer la parenthèse fermante à la fin.

Changer ce code:

this.commerceCtrl.UpdateCategories(this.toSave).subscribe(data => {
  }, error => {
    this.mainFunction.showError(error)
  }), // <===== Supprimez cette parenthèse
  () => {
    this.mainFunction.showToast(this.localization.message_ok)
  }; // <====== Elle devrait être ici

A ceci:

this.commerceCtrl.UpdateCategories(this.toSave).subscribe(
  data => {
    // Corps du gestionnaire suivant
  }, error => {
    this.mainFunction.showError(error)
  }, () => {
    this.mainFunction.showToast(this.localization.message_ok)
  }
);

Answer 2

Vous pouvez donner un paramètre objet à la fonction subscribe():

this.commerceCtrl.UpdateCategories(this.toSave).subscribe({
   next: value => { ... },
   error: err => { ... },
   complete: () => { ... }
});

Answer 3

Vous pouvez essayer d'utiliser la méthode finally

this.commerceCtrl.UpdateCategories(this.toSave).finally(() => {
    // compléter
}).subscribe((data) => {
    // succès
}, (erreur) => {
    // erreur
});

Source: https://github.com/angular/angular/issues/7865#issuecomment-204408637