Automatically Unsubscribing Angular Observables

Photo by Renee Fisher on Unsplash

Scenario

In order to avoid memory leaks, we want to automatically unsubscribe from our interval subscription:

interval(1000).subscribe(val => console.log(val));

Approach

Package

Install

npm i @ngneat/until-destroy

Import

import { @UntilDestroy, untilDestroyed } from '@ngneat/until-destroy';

Use

@UntilDestroy()
@Component({
...})

And

interval(1000).
pipe(untilDestroyed(this)).
subscribe(val => console.log(val));

Demo

--

--

--

Founder of Firefly Semantics Corporation

Love podcasts or audiobooks? Learn on the go with our new app.

Recommended from Medium

Build an Offline-First React Native Mobile App with Expo and Realm

Out with the Onion, in with Vertical Slices

Polymorphic TypeScript — Function overloading with rest parameters

Announcing NgRx Version 13: Ivy Builds, Feature Creators, Improved Selectors, and more!

Top 10 Hybrid Mobile Application Development Technology Considerations

Top 10 Hybrid Mobile Application Development Technology Considerations

Deploy React app with Firebase

Trapping Focus with Angular CDK

Demystifying Taiga UI root component: portals pattern in Angular

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store
Ole Ersoy

Ole Ersoy

Founder of Firefly Semantics Corporation

More from Medium

LAZY LOADING IN ANGULAR

Angular Data binding

How to Setup TailwindCSS in Angular?

How to Setup TailwindCSS in Angular?

RxJS based state management in Angular — Part IV