内容简介：注： DomSanitizer，这个的目的是是数据在页面上的绑定能够safe的解析注： 在标签里面用新的标签包起来，不然会有样式问题； 要用innerHTML来绑定数据。
import { Pipe, Injectable, PipeTransform } from '@angular/core';
import { DomSanitizer } from '@angular/platform-browser';
@Pipe({
name: 'keyword'
})
@Injectable()
export class KeywordPipe implements PipeTransform {
constructor(private sanitizer: DomSanitizer) {
}
transform(val: string, keyword: string): any {
const Reg = new RegExp(keyword, 'i');
if (val) {
const res = val.replace(Reg, `<span style="color: #81E1B7;">${keyword}</span>`);
console.log(res);
return this.sanitizer.bypassSecurityTrustHtml(res);
}
}
}
复制代码
注： DomSanitizer，这个的目的是是数据在页面上的绑定能够safe的解析
html中使用方法：
<ion-label [innerHTML]="item.name | keyword:searchText"></ion-label> 复制代码
注： 在标签里面用新的标签包起来，不然会有样式问题； 要用innerHTML来绑定数据。
以上就是本文的全部内容，希望本文的内容对大家的学习或者工作能带来一定的帮助，也希望大家多多支持 码农网
本站部分资源来源于网络，本站转载出于传递更多信息之目的，版权归原作者或者来源机构所有，如转载稿涉及版权问题，请联系我们。
PHP高级程序设计
Kevin McArthur / 汪泳 等 / 人民邮电出版社出版 / 2009.7 / 45.00元
今天，PHP已经是无可争议的Web开发主流语言。PHP 5以后，它的面向对象特性也足以与Java和C#相抗衡。然而，讲述PHP高级特性的资料一直缺乏，大大影响了PHP语言的深入应用。 本书填补了这一空白。它专门针对有一定经验的PHP程序员，详细讲解了对他们最为重要的主题：高级面向对象、设计模式、文档、测试和标准PHP库等内容。同时，为适应目前Web开发的新趋势，作者还全面探讨了MVC架构和Z......一起来看看 《PHP高级程序设计》 这本书的介绍吧!
