我正在尝试在Angular中建立一个高亮管道。突出显示有效,但也可以将文本的大小写更改为输入的大小写
import { Pipe, PipeTransform } from '@angular/core';
import { DomSanitizer, SafeHtml } from '@angular/platform-browser';
@Pipe({
name: 'highlight'
})
export class HighlightSearch implements PipeTransform {
constructor(public sanitizer: DomSanitizer) {}
transform(value: any, args: any): any {
if (!args) {
return value;
}
let re = new RegExp(args, 'ig');
console.log(value, args);
return this.sanitizer.bypassSecurityTrustHtml(value.replace(re, `<span class="search-highlight">${args}</span>`));
}
}
它不应更改大小写。此Pipe应该只返回突出显示的值。
答案 0 :(得分:0)
您是否检查了搜索突出的CSS类?似乎它的text-transform属性设置为大写。