如何在 Angular6 中以 HTML 格式显示 CKEDITOR 数据

Question

我想显示数据库中的数据(使用 PHPMYADMIN(。我想显示的数据使用 ng2-ckeditor (Angular 6( 存储。因此，当它给出结果时，它还会显示我不想要的 html 标签。如何在不显示 HTML 标记的情况下获得结果？

这是为了在 html 页面中显示

(newsArray是对象类型(显示数据但带有 HTML 标签

   <div *ngFor="let item of newsArray">
                    <div class="panel-body">
                      {{item.details}}
                    </div>   
   </div>

由此给出的结果是：

<p>hello</p>

但预期结果：

hello

Answer 1

你可以在div上使用[innerHtml]属性

<div *ngFor="let item of newsArray">
                    <div class="panel-body" [innerHtml]='item.details'>
                    </div>   
   </div>

Answer 2

您可以像这样替换结果：

getText() {
  return this.data.replace(/<[^>]*>/g, '');
}

这将替换所有 html 标记并仅保留空白文本。

查看我的堆栈闪电战演示