Filter values by a property in array of objects


Keywords
search, array, object, objects, pipe, angular6, angular7, angular8, angular
License
GPL-3.0
Install
npm install ngx-pipe-search-by@1.0.0

Documentation

ngx-pipe-search-by

Search in array of object by property

Arguments

Param Type Default Details
collection Array - The collection to filter
searchWord string - String to search
propertiesSearch Array<string> - Property to look for. Examples: [name], [name, client.name, client.pet.name]
sensitive boolean true Case sensitive

Install

npm install ngx-pipe-search-by --save

Usage

Import PipeSearchByModule to your module

import { NgModule } from "@angular/core";
import { BrowserModule } from "@angular/platform-browser";
import { AppComponent } from "./app";

import { PipeSearchByModule } from "ngx-pipe-search-by";

@NgModule({
  imports: [BrowserModule, PipeSearchByModule],
  declarations: [AppComponent],
  bootstrap: [AppComponent]
})
export class AppModule {}

In HTML Template

<div
  *ngFor="let item of collection | searchBy: searchWord: propertiesSearch: sensitive"
>
  <!-- HERE HTML -->
</div>