ngx-rx-collector

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 see this branch.

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