Skip to content

Instantly share code, notes, and snippets.

@smorcuend
Forked from ranakrunal9/search.html
Created September 9, 2019 15:14
Show Gist options
  • Save smorcuend/2e8fbf0b278793b064652d26f85be5f9 to your computer and use it in GitHub Desktop.
Save smorcuend/2e8fbf0b278793b064652d26f85be5f9 to your computer and use it in GitHub Desktop.
Search Pipe Angular 2
<!-- Pipe Usage in HTML -->
<input placeholder="keyword..." [(ngModel)]="search"/>
<div *ngFor="let item of items | searchPipe:'name':search ">
{{item.name}}
</div>
import { Pipe, PipeTransform } from '@angular/core';
@Pipe({
name : 'searchPipe',
})
export class SearchPipe implements PipeTransform {
public transform(value, key: string, term: string) {
return value.filter((item) => {
if (item.hasOwnProperty(key)) {
if (term) {
let regExp = new RegExp('\\b' + term, 'gi');
return regExp.test(item[key]);
} else {
return true;
}
} else {
return false;
}
});
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment