Angular 4 中的 Html 编码

2024-02-25

我需要你关于 Angular 4 中 html 编码的帮助。 我在数据库中有一些产品记录,其 fullDescription 字段采用以下格式:

<div align="justify"><span>

Using <div *ngIf="product" [innerHTML]="product.fullDescription"></div>我得到以下输出:

<div align="justify"><span>

作为文本。 是否可以将其呈现为innerHtml而不是文本?

提前致谢。


在组件的类中,您可以使用 HTML 实体解码器函数,如下所示:

toHTML(input) : any {
    return new DOMParser().parseFromString(input, "text/html").documentElement.textContent;
}

并在模板中使用:

<div *ngIf="product" [innerHTML]="toHTML(product.fullDescription)"></div>
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

Angular 4 中的 Html 编码 的相关文章

随机推荐