typescript Angular2文本突出显示管道

Posted 2021-05-20

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了typescript Angular2文本突出显示管道相关的知识，希望对你有一定的参考价值。

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>
* 
*/

以上是关于typescript Angular2文本突出显示管道的主要内容，如果未能解决你的问题，请参考以下文章