Получить частично редактируемый HTML контент из БД и привязать к тегу div, Angular 6

Question

Я получаю частично редактируемый контент из бэкэнда. например,

<p>Dear <b>empname</b>,<br /><br />This refers to the Notice issued 
 to you on date regarding your alleged <i contentEditable="true">____________</i>
and violation of the Employee Code of Conduct,
particularly the <i contentEditable="true">____________</i>.<br /><br /></p>

Я связываю это содержимое с тегом div.

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

После этого содержимое недоступно для редактирования. Я не хочу, чтобы весь контент был доступным для редактирования, только я теги внутри div.

Answer 1

Очевидно, Angular очистит данные для любого вредоносного контента, поэтому он удалял данные из HTML, которые я получал из API. Я использовал приведенный ниже код, чтобы заставить его работать.

this.sanitizer.bypassSecurityTrustHtml(data);