Skip to main content

UnSubscribe() in Angular with example

Unsubscribe used to remove the subscription from from subscribed observable. this is usually implemented on OnDestry() method. Its always best practice to unsubscribe once the use of subscription is no more used.

Here is the sample code for implementation of unsubscribe()


import { Component, OnInit, OnDestroy } from '@angular/core';
import {PreviewService} from '../services/preview-service.service';
import { Subscription } from '../../../node_modules/rxjs';

@Component({
  selector: 'second-component',
  templateUrl: './second-component.component.html',
  styleUrls: ['./second-component.component.css']
})
export class SecondComponentComponent implements OnInit,OnDestroy {

  public previewText:string;
  public sub:Subscription;

  constructor(private previewService :PreviewService) { }

  ngOnInit() {
    this.sub= this.previewService.userTextObservable$.subscribe(
      x=>this.previewText=x
    );
  }

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

Comments

  1. This is an unprecedented article, will be checking back soon to find out what additional posts you include.
    play Rapunzel Fashionista Busy Day game Game Break The Cup Game Toon Cup 2017

    ReplyDelete
  2. This comment has been removed by the author.

    ReplyDelete
  3. Thanks for sharing this valuable information to our vision. You have posted a worthy blog keep sharing.

    yaoor
    Education

    ReplyDelete
  4. Share great information about your blog , Blog really helpful for us . Butter Silos

    ReplyDelete

Post a Comment