ngx-filter-pipe - npm Package Versions

3.0.1 - 08.09.2024

• [#158] - Limited to only 20.4.0 node version
• [#162] - Remove "engines" to fix #158

3.0.0 - 16.05.2024

• [#154] - Update to Angular 17 & Ivy
• [#153] - Impossible to use in Angular 16

2.1.2

• [#65] - Filter by two variables didn't work
• [#69] - fix filter with multiple fields

Improvements

Now $or can filter with multiple predicates

class AppComponent {
  objects = [{ name: 'John' }, { firstName: 'John' }];

  constructor(private filter: FilterPipe) {
    let result = this.filter.transform(this.objects, {
      $or: [{ name: 'John' }, { firstName: 'John' }],
    });
    console.log(result); // [{ name: 'John' }, { firstName: 'John' }]
  }
}

2.1.1

• [#67] - Filtering Array with null Nested Objects
• [#68] - fix filter when nested object is null

2.1.0

• [#55] - Made pipe impure to detect changes in arrays and objects
• [#54] - Change detection not firing with object

2.0.0

• [#51] - Restructure
• [#42] - AOT support
• [#44] - Angular 5

Breaking change

Bundle location is changed, therefore SYSTEMJS config should be updated

Append to map

var map = {
    ...
    'ngx-filter-pipe': 'node_modules/ngx-filter-pipe/bundles'
}

and then add to packages

var packages = {
    ...
    'ngx-filter-pipe': { defaultExtension: 'js' }
}

1.0.2

• [#50] - How to call filterPipe transform from Component ?

Use FilterPipe in a component

Inject FilterPipe into your component and use it:

class AppComponent {
  objects = [{ name: 'John' }, { name: 'Nick' }, { name: 'Jane' }];

  constructor(private filter: FilterPipe) {
    let result = this.filter.transform(this.objects, { name: 'J' });
    console.log(result); // [{ name: 'John' }, { name: 'Jane' }]
  }
}

1.0.1

• [#46] - Filter by property/method on prototype chain.
• [#47] - walk the prototype chain to check if field/property exists.

1.0.0

• [#36] - Changed name tp ngx-filter-pipe.
• [#38] - Added UMD bundle.

Breaking changes

• Module name was changed from Ng2FilterPipeModule to FilterPipeModule.
• UMD bundle for SYSTEMJS was added. Use /dist/bundles/ngx-filter-pipe.umd.js instead of /dist/index.js.