Angular2 innerHtml removes styling : <p>I am using innerHtml and set the html in my cms the response seems okay and if I print it like this<code>: {{ poi.content }}</code></p>

<p>it gives me the right content back :
`</p>

<pre><code>&lt;table border="0" cellpadding="5" cellspacing="0"&gt;
   &lt;tbody&gt;
     &lt;tr&gt;
       &lt;td style="vertical-align: top;"&gt;Tes11t&lt;/td&gt;
       &lt;td style="width: 2px;"&gt;&amp;nbsp;&lt;/td&gt;
       &lt;td style="width: 1px;"&gt;&lt;img alt="midgetgolf-sport-faciliteiten-vakantiepark-2.jpg" src="http://beeksebergen.dev/app_dev.php/media/cache/resolve/full_size/midgetgolf-sport-faciliteiten-vakantiepark-2.jpg" style="height: 67px; width: 100px;" /&gt;&lt;/td&gt;
      &lt;/tr&gt;
    &lt;/tbody&gt;
 &lt;/table&gt;
</code></pre>

<p>`</p>

<p>But when I use <code>[innerHtml]="poi.content"</code> it gives me this html back:</p>

<pre><code>&lt;table border="0" cellpadding="5" cellspacing="0"&gt;
    &lt;tbody&gt;
        &lt;tr&gt;
            &lt;td&gt;Tes11t&lt;/td&gt;
            &lt;td&gt;&amp;nbsp;&lt;/td&gt;
            &lt;td&gt;&lt;img alt="midgetgolf-sport-faciliteiten-vakantiepark-2.jpg" src="http://beeksebergen.dev/app_dev.php/media/cache/resolve/full_size/midgetgolf-sport-faciliteiten-vakantiepark-2.jpg"&gt;&lt;/td&gt;
        &lt;/tr&gt;
    &lt;/tbody&gt;
&lt;/table&gt;
</code></pre>

<p>Does anybody know why it is stripping my styling when I use <code>[innerHtml]</code></p>
