Отображение строки HTML в div с использованием innerHtml

Question

Мне нужно отобразить необработанную строку HTML, используя div.Я назначаю строку HTML для innerHTML элемента div, как показано ниже

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

Однако, если строка html содержит многострочные комментарии или встроенные стили, они тоже отображаются в виде текста.См. Проблему со Stack Blitz здесь .

Ожидаемая функциональность заключается в том, что комментарии и встроенные блоки стиля не должны отображаться.Вот как это должно быть отображено.

Ожидаемый результат

Все предыдущие ответы о переполнении стека указывают на использование div innerHTML.Я знаю, что здесь упускаю что-то тривиальное, но не могу понять.Заранее спасибо за помощь.

Answer 1

Использование DomSanitizer

  safeHtml(html) {
    return this._sanitizer.bypassSecurityTrustHtml(html);
  }

и в шаблоне,

  <div [innerHTML]="safeHtml(rawHTMLString)"></div>

STACKBLITZ DEMO