如何解决Angular 自定义管道:SafeValue 必须使用 [property]=binding
这是我的 CustomPipe 代码:
这里,文本是一大块字符串。 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))
但没有成功。
谁能指出我做错了什么。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。