Angular Sortable Demo

HTML

<script src="http://code.angularjs.org/1.0.0rc10/angular-1.0.0rc10.js"></script>
<div  ng-controller="SortableCTRL">
<div> 
    <div ng-repeat="sub in subJson">
        
        <div class="sortable">
          {{sub}}
        </div>
    </div>
</div>
</div>

CSS

li {
    padding: 5px;
    border: 1px solid #999;
    background: #eee;
    margin: 5px;
    cursor: move;
}

JavaScript

function SortableCTRL($scope) {
    
    $scope.data = [
        {"key":123,"val":"a"},
        {"key":124,"val":"b"},
        {"key":125,"val":"c"}
    ];

    $(".sortable").sortable();
    
    $scope.subJson = [
     {"name":"MS1","slides":[{"title":"Title1"},        {"title":"Title2"}]},
     {"name":"MS2","slides":[{"title":"Title3"},       {"title":"Title4"}]}
 ];
    console.log('Before:', $('.sortable').length);
    setTimeout(function(){
        $(".sortable").sortable();
        console.log('After:', $('.sortable').length);
    })

}