Skip to content

Latest commit

 

History

History
93 lines (63 loc) · 1.8 KB

README.md

File metadata and controls

93 lines (63 loc) · 1.8 KB

Deprecated

Angular 2+ garbage collector for RxJS subscriptions.

Benefits:

  • Clean, beautiful code
  • One property for all component's observables

Installation

npm i -S ngx-rx-collector

For v1 and v2 see corresponding branches

Usage

Use the pipe-able operator untilDestroyed and pass there your component instance. That is pretty much it.

If you use AoT build (which is enabled by default) you must have at least empty ngOnDestroy on your component.

If you don't use AoT build then simply call ngxRxCollectorDisableAoTWarning() in your main.ts. No ngOnDestroy required in this case.

Example

AoT build + no ngOnDestroy logic:

import { Component } from '@angular/core';
import { Collectable } from 'ngx-rx-collector';
import { interval } from 'rxjs/observable/interval';

@Component({
  template: 'Ticking bomb'
})
export class TestpageComponent {

  ngOnInit() {
    interval(1000).pipe(untilDestroyed(this)).subscribe(console.log.bind(console));
  }

  ngOnDestroy() {}

}

Non-AoT build + no ngOnDestroy logic:

import { Component } from '@angular/core';
import { Collectable } from 'ngx-rx-collector';
import { interval } from 'rxjs/observable/interval';

@Component({
  template: 'Ticking bomb'
})
export class TestpageComponent {

  ngOnInit() {
    interval(1000).pipe(untilDestroyed(this)).subscribe(console.log.bind(console));
  }

}

Any build + ngOnDestroy logic:

import { Component } from '@angular/core';
import { Collectable } from 'ngx-rx-collector';
import { interval } from 'rxjs/observable/interval';

@Component({
  template: 'Ticking bomb'
})
export class TestpageComponent {

  ngOnInit() {
    interval(1000).pipe(untilDestroyed(this)).subscribe(console.log.bind(console));
  }

  ngOnDestroy() {
    console.log('destroyed')
  }

}

License

MIT