Skip to content

Instantly share code, notes, and snippets.

@HansS
Forked from ranakrunal9/search.html
Created February 15, 2017 16:30
Show Gist options
  • Select an option

  • Save HansS/85d5e4aa97c97e67f31149889016ecf3 to your computer and use it in GitHub Desktop.

Select an option

Save HansS/85d5e4aa97c97e67f31149889016ecf3 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