Comment se désinscrire/arrêter Observable?

Question

J'utilise le code suivant pour le timer:

export class TimerService {
  private ticks: number = 0;
  private seconds: number = 0;
  private timer;

  constructor(seconds: number) {
    this.seconds = seconds;
    this.timer = Observable.timer(2000, 1000);
    this.timer.subscribe(t => {
      this.ticks = t;
      this.disactivate();
    });
  }

  private disactivate() {
    if (this.ticks === this.seconds) {
      this.timer.dispose();
    }
  }
}

Quand j'essaie d'arrêter le chronomètre en ligne:

this.timer.dispose(); // this.timer.unsubscribe();

Ça ne marche pas pour moi

Answer 1

La méthode subscribe renvoie un objet Subscription que vous pourrez utiliser ultérieurement pour arrêter d'écouter le flux contenu par l'observable auquel vous vous êtes abonné.

import { ISubscription } from 'rxjs/Subscription':
import { TimerObservable } from 'rxjs/observable/TimerObservable';

export class TimerService {
  private ticks = 0;
  private timer$: TimerObservable;
  private $timer : ISubscription;

  constructor(private seconds = 0) {
    this.timer$ = TimerObservable.create(2000, 1000);//or you can use the constructor method
    this.$timer = this.timer.subscribe(t => {
      this.ticks = t;
      this.disactivate();
    });
  }

  private disactivate() {
    if (this.ticks >= this.seconds) {
      this.$timer.unsubscribe();
    }
  }
}

Il est important de noter que unsubscribe existe dans rxjs (version 5 et ultérieure). Avant cela, dans rx (version inférieure à 5, un package différent), la méthode était appelée dispose

Answer 2

Le meilleur moyen est de vous désabonner lorsque l'instance est détruite.

ngOnDestroy() {
 this.sub.unsubscribe();
}

Answer 3

Ainsi, après quelques recherches sur PUNISHING, j'ai ajouté ma propre bibliothèque npm à ce problème.

Improves previous answer by NOT having to add any extra convolution variables and ease of use.

• StackBlitz
• Repo
• NPM