unicorn-components/src/pipes/highlight.pipe.ts

<a target="_blank" href="https://getunicorn.io"><img src="https://bitbucket-assetroot.s3.amazonaws.com/c/photos/2017/Jul/07/2615006260-5-nitsnetsstudios-ondemand-UNI_avatar.png" align="left"></a>

import { Pipe, PipeTransform } from '@angular/core';

@Pipe({ name: 'highlight' })
export class HighlightPipe implements PipeTransform {
    transform(value: string, h: string): string {
        if (!h) { return value; }
        return value.replace(new RegExp(h, 'gi'), '<mark>$&</mark>');
    }
}