Automatically Subscribe and Unsubscribe an Observable in Angular

Imgur

How to auomatically subscribe and unsubscribe an Observable in Angular

There are several ways to unsubscribe the Observable in Angular but best way to unsubscribe is using async pipe.
The async pipe subscribes to an Observable or Promise and returns the latest value it has emitted. When the component gets destroyed, the asyncpipe unsubscribes automatically to avoid potential memory leaks.

@Component({
template: `
<div>
Interval: {{observable$ | async}}
</div>
`
})
export  class AppComponent implements OnInit {
observable$
ngOnInit () {
this.observable$ = Rx.Observable.interval(1000);
}
}

Post a Comment

Please do not post any spam link in the comment box😊

Previous Post Next Post

Blog ads

CodeGuru