Skip to content

Instantly share code, notes, and snippets.

@prabhakar711
Forked from adamrecsko/highlight.pipe.ts
Created July 22, 2019 05:18
Show Gist options
  • Save prabhakar711/c481ecc85af774def91bd5c97388c733 to your computer and use it in GitHub Desktop.
Save prabhakar711/c481ecc85af774def91bd5c97388c733 to your computer and use it in GitHub Desktop.
Angular2 text highlight pipe
import {PipeTransform, Pipe} from 'angular2/core';
@Pipe({ name: 'highlight' })
export class HighLightPipe implements PipeTransform {
transform(text: string, [search]): string {
return search ? text.replace(new RegExp(search, 'i'), `<span class="highlight">${search}</span>`) : text;
}
}
/** Usage:
* <input type="text" [(ngModel)]="filter">
* <div [innerHTML]="myAwesomeText | highlight : filter"></div>
*
*/
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment