title: Angular 2 - innerHTML styling
body: <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>