title: How to include view/partial specific styling in AngularJS
body: <p><strong>What is the proper/accepted way to use separate stylesheets for the various views my application uses?</strong></p>
  
  <p>Currently I'm placing a link element in the view/partial's html at the top but I've been told this is bad practice even though all modern browsers support it but I can see why it's frowned upon.</p>
  
  <p>The other possibility is placing the separate stylesheets in my index.html's <code>head</code> but I would like it to only load the stylesheet if its view is being loaded in the name of performance.</p>
  
  <p>Is this bad practice since styling won't take effect until after the css is loaded form the server, leading to a quick flash of unformatted content in a slow browser? I have yet to witness this although I'm testing it locally.</p>
  
  <p>Is there a way to load the CSS through the object passed to Angular's <code>$routeProvider.when</code>?</p>
  
  <p>Thanks in advance!</p>