Angularjs selecting row of values and populating in a calling page

In my html I have code which dynamically adds rows when a button is clicked and on each row there is a button called "Add"

  <form name="{{form.name}}"
          ng-repeat="form in forms">
      <div ng-repeat="cont in form.contacts">
               <a href="/edit">Add</a>
              <input type="text" class="xdTextBox" ng-model="cont.ac"/>
              <input type="text" class="xdTextBox" ng-model="cont.a_number"/>
      </div>
      <button ng-click="submit(form)">Submit</button>
      <button ng-click="addFields(form)">Add</button>
      <hr>
    </form>

Than on my second page /edit i have following code that lists rows of values fetched.

<table>
<tbody ng-repeat="item in alllis">       
  <tr>
      <td>
         <a href="/main/{{item.id}">Select</a>
     </td>
     <td>
       <input type="text" ng-model="item.ac" />
     </td>
     <td>
    <input ng-model="item.a_number />
     </td>
   </tr>
  </tbody>
</table> 

What I am trying to figure out is when I am on /edit and I select any row how do i populate back that row data on main page. Please let me know from /edit page how do i go back to main page populating that row where Add button was clicked. Thanks Here is the plunker for the first (Main) page. http://plnkr.co/edit/VVUx2roDTrM9ob2uyZMv?p=preview