Ich erhalte Teile von HTML-Codes aus HTTP-Aufrufen. Ich setze die HTML-Blöcke in eine Variable und füge sie mit [innerHTML] auf meiner Seite ein, aber ich kann den eingefügten HTML-Block nicht formatieren. Hat jemand einen Vorschlag, wie ich das erreichen könnte?

@Component({selector: 'calendar',
template: '<div [innerHTML]="calendar"></div>',
providers:[HomeService], 
styles: [` 
h3 {color:red;}
`})

Der HTML-Code, den ich formatieren möchte, ist der Block, der in der Variablen "calendar" enthalten ist.