title: Conditionally-rendering css in html head
body: <p>I am trying to dynamically add css to my html head using angular js. Here is sample code</p>
  
  <pre><code>&lt;div ng-repeat="stylesheet in stylesheets"&gt;
          &lt;link href="/myapp/{{stylesheet.href}}" type="{{stylesheet.type}}" rel="stylesheet" media="{{stylesheet.media}}" title="{{stylesheet.title}}" /&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>This code works as expected, but when browser loads the page, it tries to fetch css resources with raw angularjs templates and I see "404 not found error" in network tab of firebug.</p>
  
  <pre><code>Eg: request http://localhost:8080/myapp/%7B%7Bstylesheet.href%7D%7D, status 404
  </code></pre>
  
  <p>When page is completely loaded, it does substitution of template values and loads proper css.</p>
  
  <p>Is there a way to avoid 404 error and make it load css after angularjs processing?</p>