title: Animate elements into the page when scrolling down Angular
body: <p>We are using Angular.js with Bootstrap, there is no jQuery in the project.</p>
  
  <p>I want to use animate.css to fade in elements on the screen when scrolling up and down.</p>
  
  <p>I have found the following example that demonstrates exactly what i need to achieve: </p>
  
  <p><a href="http://wrapbootstrap.com/preview/WB01649B4" rel="nofollow">http://wrapbootstrap.com/preview/WB01649B4</a></p>
  
  <p>How can i do this with Angular and animate.css, are there any tutorials on this or any help would be great.</p>
  
  <p>Thanks </p>