Handling subscriptions in Angular components

subscribeExample.ts

import { Component, OnInit } from '@angular/core';
import { Service } from '../services/service';

@Component({
  selector: 'selector-name',
  templateUrl: 'name.component.html'
})

export class NameComponent implements OnInit, OnDestroy {
  subscriptions$: SubscriptionLike[] = [];

  constructor(private service: Service) { }

  ngOnInit() { 
    this.subscriptions$.push(
      this.service.getData().subscribe()
    );
  }

  ngOnDestroy() {
    this.subcriptions$.forEach(sub => sub.unsubscribe());
  }
}