File

projects/storefrontlib/cms-components/navigation/search-box/highlight.pipe.ts

Metadata

Name cxHighlight

Methods

transform
transform(text: string, match?: string)
Parameters :
Name Type Optional
text string No
match string Yes
Returns : string
import { Pipe, PipeTransform } from '@angular/core';

@Pipe({ name: 'cxHighlight' })
export class HighlightPipe implements PipeTransform {
  transform(text: string, match?: string): string {
    if (!match) {
      return text;
    }
    return text.replace(
      match.trim(),
      `<span class="highlight">${match.trim()}</span>`
    );
  }
}

result-matching ""

    No results matching ""