title: How to do an angularjs multi-step/wizard form on one page/url
body: <p>I'm trying to figure out reasonable approaches in AngularJS for creating a function that is composed of multiple steps (i.e., a wizard) but is linked to one page/URL. The data from one step would have to send data to (or share data with) the next step.</p>
  
  <p>The main points are:</p>
  
  <ul>
  <li>the url should remain the same (i.e., <code>http://mydomain/myapp/nameupdater</code>) for all of the steps and,</li>
  <li>the data can be sent amongst steps (i.e., I have to give the data found from step 1 to populate the data in step 2).</li>
  </ul>
  
  <p><strong>For example</strong>, suppose that I have a function that does a bulk update of names:</p>
  
  <ul>
  <li>In step 1 the function makes you search for a name. </li>
  <li>In step 2 the function presents a list of names that were found from step 1 and allows the user to edit them.</li>
  </ul>
  
  <p>I started an approach where each step had its own view and controller. And, the <code>angular-ui-router</code> maintained the states of the function. But, I have no idea how I would share the data between the steps.</p>
  
  <p>Does anyone know of a good approach to establishing multi-step/wizard forms in angularjs?</p>
  
  <p>My <a href="http://plnkr.co/edit/5FiGUcC3T5v08SHDU50h?p=preview" rel="noreferrer">Plunker code is here</a> of my very weak attempt at this.</p>