title: Providing a swipe animation for a detail DIV in angular
body: <p>We have an angular (4.x) application, that has a fairly simple page.</p>
  
  <p>This page has a DIV container showing information about a user (name, address, etc) which are traditional <code>{{binding}}</code> things.</p>
  
  <p>There's a back/next button, which triggers a call fetching the next item, the bound object changes - UI updates, all is good.</p>
  
  <p>It has been asked if we can somehow animate the screen when the "next" button is pressed - preferrably to look like a right-to-left swipe, so the new pane scrolls into view.</p>
  
  <p>I'm unsure what the right approach for this is. I'm assuming I'm going to need to repeat the <code>DIV</code> (possibly 3 copies for 'previous' support as well) each bound to a different variable, and somehow cycle the DIVs around in some sort of UI ring-buffer ?</p>
  
  <p>Is this the right approach, or is there some other route I could be using?</p>
  
  <p>Is there some component or example I could use to get started on implementing this? All the examples I can find contain all the DIVs they're going to display up-front in the page, which doesn't help when you have no idea how many it will be (not to mention making the page huge).</p>