@phongca/ngx-filter v1.0.0

ngx-filter

Demo

• Basic
• Inline
• Batch
• Custom

Install

npm install @phongca/ngx-filter

Choose the version corresponding to your Angular version:

Add needed package to NgModule imports:

import { NgxFilterModule } from 'ngx-filter';

@NgModule({
  ...
  imports: [NgxFilterModule,...]
  ...
})

Usage

Add component to your page:

<ngx-filter [worker]="worker" [fields]="fields]></ngx-filter>

Setup Worker:

constructor(private service: NgxFilterService) {
  this.worker = new NgxFilterWorker(this.service);
}

Setup fields:

this.fields = [
  {
    key: 'name',
    name: 'Product Name',
    type: FIELD_TYPE.TEXT
  }
];

Initialize data:

this.worker.setData(this.items);
this.worker.update();

Data change:

this.worker.dataChange.subscribe((data: any[]) => {
  //filtered data
});

Destroy worker:

ngOnDestroy() {
  this.worker.destroy();
}

License

MIT