title: angular ui connected sortable refresh
body: <p>I have a strange issue with 2 angular ui sortable.</p>
  
  <p>I would like to use one sortable list as a template list where we can take an item and drop it to a connected list. The correct process will removed the moved item from the template list. I have to avoid that !</p>
  
  <p>I test a lot of solutions but I always have troubles :</p>
  
  <p>1) using draggable for the templates list : I want to keep a sortable list to re-order item if I want.</p>
  
  <p>2) Use clone : I don't want to clone item, I want to keep same reference in case of modifying it, it will be modified everywere</p>
  
  <p>3) Actually the best solution is to restore the removed object  (<a href="http://plnkr.co/edit/KGMsh9oNQem1KWqd3x5b?p=preview" rel="nofollow">http://plnkr.co/edit/KGMsh9oNQem1KWqd3x5b?p=preview</a>) : When the event "remove" is called on the template list, I push the moved object to the template list at the same index.</p>
  
  <p>-> Models are corrects but template list is not refreshing !!! If the object is duplicate, it works perfectly but I have to keep the same object reference.</p>
  
  <p>-> If the moved object is restore at a different index in the template list, it works.</p>
  
  <p>Look like if the model is the same, the sortable will not be refreshed.</p>
  
  <p>Hope someone will help me, I can't find any solutions...</p>
  
  <p>EDIT : After making the sortable without ui-sortable, I undertand the ui-sortable directive and I could make my code : <a href="http://plnkr.co/edit/ynPyHKjBJpwDBRk9DaF5?p=preview" rel="nofollow">http://plnkr.co/edit/ynPyHKjBJpwDBRk9DaF5?p=preview</a>
  Modifications : 
  - track by id in the loop in index.html
  - keep trace of removed element and add it when receiving
  - apply before receiving</p>