Как отобразить данные ckeditor в HTML в Angular6

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

вы можете использовать свойство [innerHtml] в div

<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