Angular 2 - innerHTML styling
<p>I am getting chunks of HTML codes from HTTP calls. I put the HTML blocks in a variable and insert it on my page with [innerHTML] but I can not style the inserted HTML block. Does anyone have any suggestion how I might achieve this?</p>
 <pre class="lang-typescript prettyprint-override"><code>@Component({
  selector: 'calendar',
  template: '&lt;div [innerHTML]=&quot;calendar&quot;&gt;&lt;/div&gt;',
  providers: [HomeService], 
  styles: [`h3 { color: red; }`]
})
</code></pre>
<p>The HTML that I want to style is the block contained in the variable &quot;calendar&quot;.</p>