title: angular loading animation while content is loading
body: <p>I have an angular page that loads some content on a local drive. So its running without a webserver. Sometimes its loading quiet long (10secs).</p>
  
  <p>I tried to implement a jquery loading animation, but even the jquery loading animation starts after the normal content is loaded from the JS.</p>
  
  <p>This is how the page looks while its loading my angular content:</p>
  
  <p><a href="https://i.stack.imgur.com/diDRL.png" rel="noreferrer"><img src="https://i.stack.imgur.com/diDRL.png" alt="not loaded content"></a></p>
  
  <p>How Can I implement a loading spinner or text, instead of showing the raw {{example.example}} values?</p>
  
  <p>Thanks.</p>