0

这是我的自定义管道代码:

在这里,文本是一大块字符串。并且searchColl是需要在其中突出显示的单词的集合。

这运行良好并突出显示文本中的所有单词,但它附加"SafeValue must use [property]=binding"在呈现的文本上,如下所示:

安全价值的结果

transformAddress(text: any, searchColl) {
    searchColl.forEach(search => {
        if (search !== undefined && search !== null) {
            search = search.toString().replace(/[.*+?^${}()|[\]\\]/g, '\\$&');
          }
          text += '';
          var tempText =  this._sanitizer.bypassSecurityTrustHtml(search ? text.replace(new RegExp(`(${search})`, 'gi'),
            '<span style="background-color: blue">' + `$1` + '</span>') : text);
          text = tempText; // After 1st word from collection is highlighted search this becomes the new input.
    });

     return   this._sanitizer.bypassSecurityTrustHtml(text);
    
}

这就是我在组件代码中使用它的方式:

var retPipeData = this.highlightPipe.transformAddress(source,itemsToSearch);
console.log('DataFromPipe', retPipeData);
// var massagedData = retPipeData.toString().replace('SafeValue must use [property]=binding:','');
// var massagedHTML = this.sanitizer.sanitize(SecurityContext.HTML,this.sanitizer.bypassSecurityTrustHtml(massagedData));
// console.log('massagedDataAfterreplace', massagedData);
// console.log('massagedHTML', massagedHTML);

this.tab1Response = retPipeData;

我也试图从从 Pipe 收到的字符串中删除这个字符串,但这也不起作用(参见上面的注释代码)。

另外,我什至尝试过:

this._sanitizer.sanitize(SecurityContext.HTML,this._sanitizer.bypassSecurityTrustHtml(text))

但没有成功。

有人可以指出我做错了什么。

4

0 回答 0