Angular SubscriptionHandlerService example.

some-component.component.ts

import {Component} from '@angular/core';
import {SubscriptionHandlerService} from '../../services/subscription-handler.service';

@Component({
	selector: 'some-component',
	templateUrl: './some-component.component.html',
	styleUrls: ['./some-component.component.scss'],
	providers: [SubscriptionHandlerService]
})
export class SomeComponent {
	constructor(
		private subscriptionHandlerService: SubscriptionHandlerService
	) {
	}

	private listenToSomething() {
		const subscription = this.someObservable.subscribe(() => this.somethingToDo());
		this.subscriptionHandlerService.add(subscription);
	}
}

subscription-handler.service.ts

import {Injectable, OnDestroy} from '@angular/core';
import {Subscription} from 'rxjs';

@Injectable()
export class SubscriptionHandlerService implements OnDestroy {
	private subscriptions: Subscription[] = [];

	constructor() {
	}

	public ngOnDestroy() {
		this.subscriptions.forEach((subscription: Subscription) => subscription.unsubscribe());
	}

	public add(subscription: Subscription) {
		this.subscriptions.push(subscription);
	}
}