title: Angular UI Sortable not working properly
body: <p>I am working on Angular UI for making my menus sortable, sometimes the code works and sometimes its breaks like duplicating the entries or filling the blank menus when I am re arranging items.</p>
  
  <p>Following is the full code -</p>
  
  <pre><code>&lt;!doctype html&gt;
  &lt;html lang="en" ng-app="myapp"&gt;
  &lt;head&gt;
      &lt;title&gt;Angular Sortable Demo&lt;/title&gt;
      &lt;script src="http://code.jquery.com/jquery-1.7.2.min.js"&gt;&lt;/script&gt;
      &lt;script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.21/jquery-ui.min.js"&gt;&lt;/script&gt;
      &lt;script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.10/angular.min.js"&gt;&lt;/script&gt;
      &lt;script src="http://cdnjs.cloudflare.com/ajax/libs/angular-ui/0.4.0/angular-ui.min.js"&gt;&lt;/script&gt;
      &lt;script&gt;
          var myapp = angular.module('myapp', ['ui']);
  
          myapp.controller('controller', function ($scope) {
              $scope.list = ["one", "two", "three", "four", "five", "six"];
          });
  
          //angular.bootstrap(document, ['myapp']);   
      &lt;/script&gt;
  &lt;/head&gt;
  &lt;body&gt;
  &lt;div ng:controller="controller"&gt;
      &lt;ul ui:sortable ng:model="list"&gt;
          &lt;li ng:repeat="item in list" class="item"&gt;{{item}}&lt;/li&gt;
      &lt;/ul&gt;
      &lt;hr /&gt;
      &lt;div ng:repeat="item in list"&gt;{{item}}&lt;/div&gt;
  &lt;/div&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  &lt;style&gt;
      .item, .placeholder {
      padding: 2px;
      width: 50px;
      height: 20px;
      border: 1px solid #333;
      background: #EEE;
  }
  
  .placeholder {
      background: #AEF;
  }
  
  &lt;/style&gt;
  </code></pre>
  
  <p>Also If someone could help me while creating this in <code>JSFiddle</code> as I tried this but unable to set it as a fiddle - <a href="http://jsfiddle.net/k2cb2/" rel="nofollow">Fiddle Link</a></p>
  
  <p><strong>EDIT-</strong></p>
  
  <p>This is how it becomes at times <a href="http://awesomescreenshot.com/0ca33yu1ab" rel="nofollow">Screenshot</a> (Menu Items duplicated)</p>