angular6 - 如何在 JHipster 项目中渲染没有 html 标签的 ngx-quill-editor 内容?

标签 angular6 jhipster quill ngx-quill

我是 JHipster 和 Angular6 的新手。我使用 JHipster 创建了一个项目,并为编辑器包含了 ngx-quill-editor。我可以使用这个编辑器保存数据,但是当我从数据库中检索数据以显示在另一个页面上进行预览时,它会显示 HTML 标记。我不确定在保存到数据库或从数据库中检索时是否必须呈现,或者在保存或检索要呈现的内容时是否缺少任何标记?

<quill-editor name="message" [(ngModel)]="message" required></quill-editor>

我没有找到关于此示例的任何教程。任何帮助将不胜感激。

谢谢!

最佳答案

您不应该呈现消息值,而是将其显示为某个标记的 innerHtml:

<div [innerHTML]="message"></div>

看看Angular HTML binding

关于angular6 - 如何在 JHipster 项目中渲染没有 html 标签的 ngx-quill-editor 内容?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/51468980/

相关文章:

angular - 以 Angular 6 从 html 导出 Pdf

javascript - typescript /Angular 延迟每 X 秒和每个 X 元素继续循环

javascript - 基于选择多选下拉显示和隐藏的Angular-6无法正常工作

typescript - 动态设置 HttpParams() 主体

filter - Jhipster 生成器不会在 UI 中生成过滤器面板

Angular 4 : copy an array to save initial values but both arrays are updated by the form

javascript - 在使用 Quill.js 保存和重新加载数据时,我有哪些选择?

java - Jhipster - 配置多个数据源

javascript - 文本编辑器内的可拖动图像,防止文本输入

angularjs - ng-quill 文本编辑器只更新一次