<p dir="auto"><strong>I'm submitting a ...</strong>  (check one with "x")</p>
<div class="snippet-clipboard-content notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="[x ] bug report =&gt; search github for a similar issue or PR before submitting"><pre class="notranslate"><code class="notranslate">[x ] bug report =&gt; search github for a similar issue or PR before submitting
</code></pre></div>
<p dir="auto"><strong>Current behavior</strong></p>
<p dir="auto">I tried to run the live example and it brakes</p>
<p dir="auto"><a href="https://angular.io/docs/ts/latest/cookbook/dynamic-component-loader.html" rel="nofollow">https://angular.io/docs/ts/latest/cookbook/dynamic-component-loader.html</a></p>
<p dir="auto">I downloaded the archive, ran it localy same issue</p>
<div class="snippet-clipboard-content notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="Error: (SystemJS) XHR error loading http://localhost:3000/app/ad-banner.component.js
	ZoneDelegate.prototype.invokeTask@http://localhost:3000/node_modules/zone.js/dist/zone.js:424:17
	Zone.prototype.runTask@http://localhost:3000/node_modules/zone.js/dist/zone.js:191:28
	ZoneTask/this.invoke@http://localhost:3000/node_modules/zone.js/dist/zone.js:486:28
	
	Error loading http://localhost:3000/app/ad-banner.component.js as &quot;./ad-banner.component&quot; from http://localhost:3000/app/app.module.js
Trace de la pile :
(SystemJS) XHR error loading http://localhost:3000/app/ad-banner.component.js
	ZoneDelegate.prototype.invokeTask@http://localhost:3000/node_modules/zone.js/dist/zone.js:424:17
	Zone.prototype.runTask@http://localhost:3000/node_modules/zone.js/dist/zone.js:191:28
	ZoneTask/this.invoke@http://localhost:3000/node_modules/zone.js/dist/zone.js:486:28
	
	Error loading http://localhost:3000/app/ad-banner.component.js as &quot;./ad-banner.component&quot; from http://localhost:3000/app/app.module.js"><pre class="notranslate"><code class="notranslate">Error: (SystemJS) XHR error loading http://localhost:3000/app/ad-banner.component.js
	ZoneDelegate.prototype.invokeTask@http://localhost:3000/node_modules/zone.js/dist/zone.js:424:17
	Zone.prototype.runTask@http://localhost:3000/node_modules/zone.js/dist/zone.js:191:28
	ZoneTask/this.invoke@http://localhost:3000/node_modules/zone.js/dist/zone.js:486:28
	
	Error loading http://localhost:3000/app/ad-banner.component.js as "./ad-banner.component" from http://localhost:3000/app/app.module.js
Trace de la pile :
(SystemJS) XHR error loading http://localhost:3000/app/ad-banner.component.js
	ZoneDelegate.prototype.invokeTask@http://localhost:3000/node_modules/zone.js/dist/zone.js:424:17
	Zone.prototype.runTask@http://localhost:3000/node_modules/zone.js/dist/zone.js:191:28
	ZoneTask/this.invoke@http://localhost:3000/node_modules/zone.js/dist/zone.js:486:28
	
	Error loading http://localhost:3000/app/ad-banner.component.js as "./ad-banner.component" from http://localhost:3000/app/app.module.js
</code></pre></div>
<p dir="auto">I injected the code in my angular 4 project, it works partialy, only the first AD is displayed</p>
<p dir="auto">that line does not update the template data all the time</p>
<div class="snippet-clipboard-content notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="(&lt;AdComponent&gt;componentRef.instance).data = adItem.data; "><pre class="notranslate"><code class="notranslate">(&lt;AdComponent&gt;componentRef.instance).data = adItem.data; 
</code></pre></div>
<p dir="auto"><strong>Expected behavior</strong><br>
I expect it to run and display the four adds</p>
<p dir="auto"><strong>Minimal reproduction of the problem with instructions</strong><br>
just check the page in the url above and run the live example or download/install/run it</p>
<p dir="auto"><strong>What is the motivation / use case for changing the behavior?</strong><br>
?</p>
<p dir="auto"><strong>Please tell us about your environment:</strong><br>
Windows 7, Wamp 3, Google Crhome</p>
<ul dir="auto">
<li>
<p dir="auto"><strong>Angular version:</strong> 2.0.X<br>
check the live example</p>
</li>
<li>
<p dir="auto">**Browser: Chrome 58</p>
</li>
<li>
<p dir="auto"><strong>Language:</strong> see live example</p>
</li>
</ul>
<h2 dir="auto">I'm submitting a...</h2>
<div class="snippet-clipboard-content notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="
[x] Bug report "><pre class="notranslate"><code class="notranslate">
[x] Bug report 
</code></pre></div>
<p dir="auto">I believe the image is blocked simply because of its filename. A rename might fix this.</p>
<h2 dir="auto">Current behavior</h2>
<p dir="auto"><a href="https://angular.io/guide/dynamic-component-loader" rel="nofollow">https://angular.io/guide/dynamic-component-loader</a></p>
<p dir="auto">The "final ad banner" at the bottom doesn't render on some browsers when using an ad blocker</p>
<h2 dir="auto">Expected behavior</h2>
<p dir="auto">The example should be shown when using an ad blocker.</p>
<h2 dir="auto">Minimal reproduction of the problem with instructions</h2>
<p dir="auto">Install <a href="https://chrome.google.com/webstore/detail/adblock/gighmmpiobklfepjocnamgkkbiglidom/related?hl=en-US" rel="nofollow">https://chrome.google.com/webstore/detail/adblock/gighmmpiobklfepjocnamgkkbiglidom/related?hl=en-US</a><br>
Visit <a href="https://angular.io/guide/dynamic-component-loader" rel="nofollow">https://angular.io/guide/dynamic-component-loader</a><br>
Scroll to the bottom of the page</p>