Angular2: отписаться от http, наблюдаемого в службе

Сервис в Angular — это синглтон. Это означает, что сервис будет существовать в течение всего срока службы вашего приложения.

Причина, по которой вам нужно отписаться от наблюдаемого, заключается в том, чтобы избежать утечек памяти. Когда у вас возникают утечки памяти? Если что-то было удалено сборщиком мусора, когда оно все еще было подписано на наблюдаемый объект, прослушиватель событий, сокет,...

Поскольку служба Angular никогда не будет уничтожена, если только не будет уничтожено все ваше приложение, нет реальной причины отписываться от нее. Наблюдаемый либо завершится, либо выдаст ошибку, либо продолжит работу, пока работает ваше приложение.

Вывод: Отписываться в сервисе как бы бессмысленно, так как исключена утечка памяти.

Я не согласен с ответом KwintenP. Да, в случае наблюдаемого вызова HttpClient нет необходимости отписываться, поскольку Владимир упомянут правильно, однако в других наблюдаемых вам может понадобиться отписаться в сервисе.

Давайте посмотрим на простой пример: предположим, что у нас есть хранилище, которое отправляет наблюдаемые, и в хранилище у нас есть наблюдаемое clicker, которое срабатывает true всякий раз, когда происходит щелчок правой кнопкой мыши (по какой-то странной причине). Предположим, что у нас есть MyWeirdService, которые делают следующее:

class MyWeirdService {
  doSomethingUnthinkableManyTimes() {
    this.store.select('clicker').subscribe(() => {
      console.log("Hey what do you know, I'm leaking");
    });
  }
}

this.store.select('clicker') возвращает наблюдаемое, что мы регистрируем для него новый обработчик при каждом вызове doSomethingUnthinkableManyTimes без его очистки, что приводит к утечке памяти, которая будет оставаться до тех пор, пока существует служба (во многих случаях время жизни приложения)

В итоге вам не нужно отписываться в случае с Http выше, поскольку Владимир объяснил это хорошо, но в других случаях вы можете нужно это.

-------------- Версия ------------

Чтобы решить эту проблему в моем примере, просто добавьте take(1), и он будет автоматически отписываться после запуска каждого потока:

class MyWeirdService {
  doSomethingUnthinkableManyTimes() {
    this.store.select('clicker')
     .pipe(take(1))
     .subscribe(() => {
      console.log("What a relief, I'm not leaking anymore");
     });
  }
}

Вам не нужно отписываться от наблюдаемых, созданных Http или HttpClient, потому что они являются конечными наблюдаемыми (значение будет отправлено только один раз и будет вызвано complete).

Однако вы МОЖЕТЕ отказаться от подписки на наблюдаемую, созданную HttpClient, чтобы отменить запрос. Это означает, что вас больше не интересуют данные, возвращаемые запросом.

Ты можешь это сделать:

You need to understand that the service file should be used to just define the http methods and not subscribe there itself. 
Create the method in the service file, use Dependency injection to inject that service in the component and then use ngOnDesteoy to kill the subscription 

****** this is in your component.ts file *******
// introduce a new subject variable to destroy the subscription
destroy$: Subject<any> = new Subject();

constructor(private serviceName: yoirService){} // Dependency injection 

// wherever you want to unsubsribe an observable or a subscription
this.serviceName.observableName.pipe(takeUntil(this.destroy$)).subscribe(
    // required code 
);

//  use ngOnDestroy() to kill it
ngOnDestroy() {
   this.destroy$.next();
   this.destroy$.complete();
}

This way you'll destroy the service once the component is destroyed.