title: Material Design Lite rendering problems with Angular JS
body: <p>I have some problems using Material Design Lite (<a href="http://getmdl.io" rel="nofollow noreferrer">getmdl.io</a>). I followed the steps showed in the getmdl.io web in order to install it (actually I use bower), but I always have the same problem, when I change the ng-route in my web, some resources don't render properly, I need to reload the page to get it properly rendered, for example.</p>
  
  <p>First I have this:</p>
  
  <p><a href="https://i.stack.imgur.com/KPRbL.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/KPRbL.png" alt="bad render"></a></p>
  
  <p>then when I reload, I get what I want:</p>
  
  <p><a href="https://i.stack.imgur.com/wzLRM.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/wzLRM.png" alt="enter image description here"></a></p>
  
  <p>What I cant understand is why other resources like google icons or buttons work correctly but the menu button on the nav bar and other resources like this one need to reaload the page in order to render properly.</p>
  
  <p>I try to include the library using the hosted method and bower method.</p>
  
  <p>Any idea what is going on?</p>