Renderizar CSS para innerHtml usando angular2

Question

Oct 10, 2016, 03:19 PM

Renderizar CSS para innerHtml usando angular2

Estou tentando renderizar um modelo HTML usando innerHTML e uma string html + css que recebo do SQL.

Exemplo de sequência de modelos:

<html xmlns="http://www.w3.org/1999/xhtml"> <head><title>Template Name</title><style type="text/css"> p{ color:red; }</style> </head> <body> <h1>#headding#</h1> <p style="color:red;">#paragraph#</p><a href="#url#">#urltext#</a> </body> </html>

Agora, ele renderiza o HTML, mas parece que ele solta as tags de estilo e apenas renderiza o texto dentro dele.

Exemplo de renderização:

Peça de renderização HTML:

<div [innerHtml]="templateBody">
</div>

Home.component.ts peças:

@Component({
    selector: "home",
    templateUrl: `client/modules/home/home.component.html`,
    encapsulation: ViewEncapsulation.Emulated
})
export class HomeComponent implements OnInit{
    templateBody: string;
.....other code
}

Eu tentei com encapsulamento: ViewEncapsulation.Emulated / None etc, tentei CSS embutido e tentei anexar o: host >>> na frente da tag p. Todos eles renderizam o mesmo.

Alguma sugestão?