<p dir="auto">See details here: <a href="http://stackoverflow.com/questions/33986633/angular-2-dependency-injection-error-on-ngfor-in-dynamically-created-component" rel="nofollow">http://stackoverflow.com/questions/33986633/angular-2-dependency-injection-error-on-ngfor-in-dynamically-created-component</a></p>
<p dir="auto">This is a showstopper for loadAsRoot. All I get is</p>
<div class="snippet-clipboard-content notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="&lt;!--template bindings={}--&gt;"><pre class="notranslate"><code class="notranslate">&lt;!--template bindings={}--&gt;
</code></pre></div>
<p dir="auto">where the repeated elements shoud be.</p>
<p dir="auto">When you add a component via DynamicComponentLoader.loadAsRoot, you can't use data binding in your loaded component template.<br>
Plunker: <a href="http://plnkr.co/edit/yzKAiXQQQwKi88g6wIdY?p=preview" rel="nofollow">http://plnkr.co/edit/yzKAiXQQQwKi88g6wIdY?p=preview</a></p>