Angular2 loading dynamic content/html in for loop
<p>I have a json array which can contain either the component or the html selector for the component i want to load.  I am trying to load this data inside a for loop.  When I try to interpolate the value {{d.html}} it appears as plan text.  When I use the innerHTML approach below and inspect the dom I see the html there but it does not behave as a custom component (the dom will just contain  instead of initializing it and replacing it with the components template.</p>

<p>I have look at the dynamic content loader but that does not see to fit.  This is in a for loop and therefore can not use the template syntax so loadIntoLocation will not work for me.  Also not sure how it would work if the component had any input.</p>

<pre><code>&lt;div *ngFor="#d of dtabs" class="tab-pane" id="tab-{{d.component}}"&gt;
  &lt;div [innerHTML]="d.html"&gt;&lt;/div&gt;
&lt;/div&gt;
</code></pre>