Angular 2 SVG not rendering
<p>I created a component to render SVG images that are within my app.</p>

<p>The are loaded dynamically as the however, my demo app just show a simpler version.</p>

<p><a href="http://plnkr.co/edit/g2tZXeUAMJ5zESx2EHT0?p=info" rel="noreferrer">http://plnkr.co/edit/g2tZXeUAMJ5zESx2EHT0?p=info</a></p>

<p>i tried <code>&lt;div [innerHTML]="data"&gt;&lt;/div&gt;</code> and <code>&lt;div&gt; {{ data }} &lt;/div&gt;</code></p>

<p>The SVG is not being loaded though the call is correct. I spent sometime in gitter to find a solution but the closest i got was it it's being sanitzed.</p>

<p>The innerHTML i assume is being sanitzed and the interpolation is being ignored. It just shows the raw svg text.</p>

<p>Thanks</p>