All Projects → NetanelBasal → Angular2 Take Until Destroy

NetanelBasal / Angular2 Take Until Destroy

Declarative way to unsubscribe from observables when the component destroyed

Programming Languages

typescript
32286 projects

Projects that are alternatives of or similar to Angular2 Take Until Destroy

ng-effects
Reactivity system for Angular. https://ngfx.io
Stars: ✭ 46 (+15%)
Mutual labels:  rxjs, observables
angular2-instagram
🔥Instagram like photo filter playground built with Angular2 (Web | Desktop)
Stars: ✭ 91 (+127.5%)
Mutual labels:  rxjs, angular2
ng-observe
Angular reactivity streamlined...
Stars: ✭ 65 (+62.5%)
Mutual labels:  rxjs, angular2
Rxjs Websockets
A very flexible and simple websocket library for rxjs
Stars: ✭ 248 (+520%)
Mutual labels:  rxjs, observables
Awesome Rxjs
A collection of awesome RxJS resources
Stars: ✭ 314 (+685%)
Mutual labels:  rxjs, observables
observable-profiler
Tracks new & disposed Observable subscriptions
Stars: ✭ 41 (+2.5%)
Mutual labels:  rxjs, observables
jasmine-marbles
Marble testing helpers for RxJS and Jasmine
Stars: ✭ 102 (+155%)
Mutual labels:  rxjs, observables
Batcave
Batcave client is chat app built with Electron and Angular2, Socket.io with RxJS.
Stars: ✭ 114 (+185%)
Mutual labels:  rxjs, angular2
Toy Rx
A tiny implementation of RxJS that actually works, for learning
Stars: ✭ 290 (+625%)
Mutual labels:  rxjs, observables
axios-for-observable
A RxJS wrapper for axios, same api as axios absolutely
Stars: ✭ 13 (-67.5%)
Mutual labels:  rxjs, observables
Blog Angular
Angular 笔记
Stars: ✭ 238 (+495%)
Mutual labels:  rxjs, angular2
Ngx Restangular
Restangular for Angular 2 and higher versions
Stars: ✭ 787 (+1867.5%)
Mutual labels:  rxjs, angular2
Angular Nodejs Mongodb Customersservice
Code for the Integrating Angular with Node.js RESTful Services Pluralsight course.
Stars: ✭ 164 (+310%)
Mutual labels:  rxjs, observables
observer-spy
This library makes RxJS Observables testing easy!
Stars: ✭ 310 (+675%)
Mutual labels:  rxjs, observables
Rxios
A RxJS wrapper for axios
Stars: ✭ 119 (+197.5%)
Mutual labels:  rxjs, observables
proc-that
proc(ess)-that - easy extendable ETL tool for Node.js. Written in TypeScript.
Stars: ✭ 25 (-37.5%)
Mutual labels:  rxjs, observables
Example App
Example app showcasing the ngrx platform
Stars: ✭ 1,361 (+3302.5%)
Mutual labels:  rxjs, observables
Blog
lizhonghui's blog
Stars: ✭ 109 (+172.5%)
Mutual labels:  rxjs, angular2
ng-radio
RxJS-based message bus service for Angular2
Stars: ✭ 12 (-70%)
Mutual labels:  rxjs, angular2
Learn Rxjs
Clear examples, explanations, and resources for RxJS
Stars: ✭ 3,475 (+8587.5%)
Mutual labels:  rxjs, observables

Not maintained, use ngx-take-until-destroy

Angular 2+ - Unsubscribe for pros

Declarative way to unsubscribe from observables when the component destroyed

Installation

npm install angular2-take-until-destroy --save

Usage

import { TakeUntilDestroy } from "angular2-take-until-destroy";

@Component({
  selector: 'app-inbox',
  templateUrl: './inbox.component.html'
})
@TakeUntilDestroy
export class InboxComponent implements OnDestroy {
  componentDestroy;
  constructor( ) {
    const timer$ = Observable.interval(1000)
      .takeUntil(this.componentDestroy())
      .subscribe(val => console.log(val))
  }

  // If you work with AOT this method must be present, even if empty! 
  // Otherwise 'ng build --prod' will optimize away any calls to ngOnDestroy, 
  // even if the method is added by the @TakeUntilDestroy decorator
  ngOnDestroy() {
    // You can also do whatever you need here
  }

}
Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].