Digamos que un punto final devuelve este HTML:

 <div data-type="section"> <div data-type="section-header"> Section 1 </div> <div data-type="section-body"> Lorem ipsum </div> </div>

La plantilla anterior se almacenará en las sections de propiedades del componente. En una aplicación Angular, agregaremos este HTML a la página a través de <div class="sections-container" [innerHtml]="sections"></div> .

Antes de agregar una plantilla HTML a innerHtml , ¿es posible agregar un componente o una directiva a la plantilla HTML recibida del backend?

Por ejemplo, tenemos HighlightDirective , que configurará el fondo en amarillo y queremos aplicarlo al elemento data-type="section-header" , de modo que la plantilla HTML se verá así:

 <div data-type="section"> <div data-type="section-header" appHighlight> Section 1 </div> <div data-type="section-body"> Lorem ipsum </div> </div>

¿Angular reconocerá automáticamente la directiva appHighlight y la agregará al árbol de componentes? ¿O es necesario hidratar esta plantilla HTML?