Tengo un objeto "Contenido" que contiene dos propiedades:
Content:{ html:string; css:string }y necesito renderizar un div dependiendo de este objeto, para el html podría hacerlo usando:
<div [innnerHtml]="Content.html"></div>pero no pude representar el css del objeto. Ejemplo de contenido:
Content:{ html:"<p>test rendering the object</p> <br> <div class="div1"></div>", css:"p{color:red} .div1{background-color:black}" }La solución para mí fue agregar el contenido de estilo mediante programación, así:
ngOnInit() { const css = 'a {color: pink;}'; const head = document.getElementsByTagName('div')[0]; const style = document.createElement('style'); style.type = 'text/css'; style.appendChild(document.createTextNode(css)); head.appendChild(style); }