Angular是一个流行的前端JavaScript框架,使开发人员能够在浏览器中构建动态Web应用程序,其中部分内容可以从服务器获取或由用户输入。在这个过程中,可能需要编码或解码HTML实体。这是一个解决编码和解码HTML实体的简单示例。
import { DomSanitizer } from '@angular/platform-browser';
constructor(private sanitizer: DomSanitizer) { }
encodeEntities(str) {
return this.sanitizer.bypassSecurityTrustHtml(str)
.toString()
.replace(/&/g,'&')
.replace(//g,'>')
.replace(/"/g,'"')
.replace(/'/g,''');
}
decodeEntities(str) {
const d = document.createElement('div');
d.innerHTML = str;
return d.textContent;
}
{{ decodeEntities(myVariable) }}
通过这些步骤,你就可以在Angular 7中编码和解码HTML实体了。
下一篇:Angular7.1项目无法编译