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
  5. We read your blog site, share most helpful details in blog. Butter Packing Machines

    ReplyDelete
  6. There is nothing more important than giving our best effort, all of the time. On an exam day, a good effort means that students attempt everything, even if that means they need to come back at lunch or after school. Show a work ethic, students, and you will not only do better on the test....you will do better in every aspect of your life.
    kizi Games online
    io jogo
    friv 4 school

    ReplyDelete

Post a Comment