title: Angular UI Sortable get index after updated
body: <p>I really dislike how angular-ui is documented. Sometimes they really don't explain a lot. This is the documentation to sortable-ui: <a href="https://github.com/angular-ui/ui-sortable" rel="nofollow">https://github.com/angular-ui/ui-sortable</a></p>
  
  <p>First, I cannot pass in options.</p>
  
  <pre><code>$scope.sortableOptions = {
      cursor:"move"
  };
  </code></pre>
  
  <p>I also changed <code>"move"</code> to <code>"pointer"</code> or <code>"crosshair"</code>. Nothing happens.</p>
  
  <p>Second, I need to update the backend by the new order of which the user has sorted. I am not a great javascripter at all (more of a back end developer). The only order-related js function I can find is <code>indexof()</code>. Then it gets very complicated because I need to iterate through all elements and find the new order since the user has rearranged all the elements.</p>
  
  <p>Is there an easier way to get the current order of the list whenever the sortable directive is updated?</p>
  
  <hr>
  
  <p>I created a demo on plunker (since it allows me to add extra libraries)</p>
  
  <p><a href="http://plnkr.co/edit/uNErHgKL3ohNyFhgFpag?p=preview" rel="nofollow">http://plnkr.co/edit/uNErHgKL3ohNyFhgFpag?p=preview</a></p>
  
  <p>Again the cursor part is not working, and I have no idea how to get the order of these items.</p>
  
  <p>I see there are methods on the Sortable UI page...I'm new to angularJS. I just couldn't figure out how to call these methods within AngularJS code.</p>
  
  <p>Seralize method/toArray might not be a good idea..The actual data I'm dealing with does not look like <code>["one", "two", "three"]</code>. It's more like:</p>
  
  <pre><code>[{"id":"5","article_name":"New Article 
    Title","article_order":"1","article_author":"Author","article_body":"Start typing your 
    article here!","is_visible":"1","created_date":"2013-10-27 
    05:37:38","edit_date":null,"magazineID":"7"},
  
   {"id":"13","article_name":"New Article 
   Title","article_order":"2","article_author":"Author","article_body":"Start typing your 
   article here!","is_visible":"1","created_date":"2013-10-27 
    05:45:10","edit_date":null,"magazineID":"7"}]
  </code></pre>
  
  <p>If you guys look into this data stream..there is one attribute called <code>article_order</code>. This is the attribute (database column) I am trying to modify...</p>