<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="[ ] bug report
[ x ] feature request
[ ] support request =&gt; Please do not submit support request here, instead see https://github.com/angular/angular/blob/master/CONTRIBUTING.md#question"><pre class="notranslate"><code class="notranslate">[ ] bug report
[ x ] feature request
[ ] support request =&gt; Please do not submit support request here, instead see https://github.com/angular/angular/blob/master/CONTRIBUTING.md#question
</code></pre></div>
<p dir="auto">Has there been any discussion about backporting Angular 2's <a href="https://angular.io/docs/ts/latest/guide/component-styles.html" rel="nofollow">component CSS support</a> (with emulated view encapsulation) support to work with Angular 1 components?</p>
<p dir="auto">While projects like <a href="https://github.com/castillo-io/angular-css">angular-css</a> provide similar functionality, there does not appear to be a solution for Angular 1.x applications that provides true view-encapsulation.</p>
<p dir="auto">IMO, this is one of the most useful (and under-appreciated) features of Angular 2.  This feature would be an enormous benefit to existing Angular 1.x applications, and could provide another tool for owners of legacy applications to gradually adopt Angular 2 (while improving the modularity of their existing applications).</p>
<hr>
<p dir="auto">If this has been discussed before, please feel free to close as a duplicate -- I couldn't find any previous discussion on this topic.</p>
<p dir="auto">In this <a href="http://plnkr.co/edit/ezhcab7W0nM2nvggbhxh?p=preview" rel="nofollow">plunker</a>, I use the class DynamicComponentLoader to dynamically instantiate components.</p>
<p dir="auto">However, when I open the Developer Tools Windows and look at the network tab, the html files associated to the components dynamically created are retrieved more than one time.</p>
<p dir="auto">Why does the caching not working ?<br>
Is it because the components are dynamically created so Angular doesn't know to not download the template files again ?</p>
<p dir="auto"><a target="_blank" rel="noopener noreferrer nofollow" href="https://cloud.githubusercontent.com/assets/17613158/13532328/25edd716-e22b-11e5-8949-878db52d7f7e.png"><img src="https://cloud.githubusercontent.com/assets/17613158/13532328/25edd716-e22b-11e5-8949-878db52d7f7e.png" alt="image" style="max-width: 100%;"></a></p>
<ul dir="auto">
<li>Angular version: 2.0.0-beta.8</li>
<li>Browser: all</li>
<li>Language: TypeScript</li>
</ul>