不能得到AngularUI可排序的演示工作

有麻煩了角的UI簡單排序演示去這裏 - http://jsfiddle.net/B3YDr/：不能得到AngularUI可排序的演示工作

<div ng-app="myApp" ng-controller="myCtrl"> 
<ul ng-model="items" ui-sortable> 
    <li ng-repeat="item in items">{{item}}</li> 
</ul> 
<pre>{{items}}</pre> 
</div> 


angular.module('myApp', ['ui']); 
var myCtrl = function($scope) { 
    $scope.items = ['One','Two','Three']; 
};

包括jQuery的& jQueryUI的
包括AngularJS
包括AngularUI
添加'ui'模塊作爲依賴項

我已經複製了示例代碼幾乎就像這裏http://angular-ui.github.io/#directives-sortable這樣但仍然不能重新排列列表項目。

任何人都可以指出什麼是錯的？由於

來源

2013-04-26 user2324369

你需要控制腳本的輸入順序：前角的角度使用它作爲元素的服務

http://jsfiddle.net/B3YDr/4/

看跌的jQuery。

<div ng-app="myApp" ng-controller="myCtrl"> 
    <ul ng-model="items" ui-sortable> 
     <li ng-repeat="item in items">{{item}}</li> 
    </ul> 
    <pre>{{items}}</pre> 
</div> 

<script src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script> 
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.2/jquery-ui.min.js"></script> 
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.1.3/angular.min.js"></script> 
<script src="http://cdnjs.cloudflare.com/ajax/libs/angular-ui/0.4.0/angular-ui.min.js"></script> 
<script src="http://cdnjs.cloudflare.com/ajax/libs/angular-ui-bootstrap/0.2.0/ui-bootstrap-tpls.js"></script>

來源

2013-04-26 15:29:51 Guillaume86

感謝您上面的回答......我想處理事件像拖動開始和結束拖動..in jQuery用戶界面，我們可以的像這樣做$（element）.sortable（{start：dragStart，end：dragEnd}）;所以這裏dragStart和dragEnd是函數，所以如何在角度做到這一點？ – silvesterprabu 2013-11-18 07:43:57

在angularUI網站上查看，有一些文檔。我認爲你可以將選項放在ui-sortable屬性中。 – Guillaume86 2013-11-19 00:02:14

您可以使用sortableOptions方法，如下面的代碼

$scope.sortableOptions = { 
      handle: '.custom-ctrl-handle', 
      stop: function(e, ui) { 
       // console.log("stop function worked"); 
      } 
     };

來源

2016-01-06 06:55:37

不能得到AngularUI可排序的演示工作

回答

相關問題