html - 如何在angular6中的html中显示ckeditor数据

Question

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

这是用于在 html 页面中显示

（并且 newsArray是 Object 类型）显示数据但带有 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 标签并仅保留空白文本。

查看我的stackblitz 演示