Я пытаюсь определить директиву sortable
, которая обертывает jqueryui sortable plugin.
Код angular:
module.directive('sortable', function () {
return function (scope, element, attrs) {
var startIndex, endIndex;
$(element).sortable({
start:function (event, ui) {
startIndex = ui.item.index();
},
stop:function (event, ui) {
endIndex = ui.item.index();
if(attrs.onStop) {
scope.$apply(attrs.onStop, startIndex, endIndex);
}
}
}).disableSelection();
};
});
Код html:
<div ng-controller="MyCtrl">
<ol sortable onStop="updateOrders()">
<li ng-repeat="m in messages">{{m}}</li>
</ol>
</div>
Код MyCtrl
:
function MyCtrl($scope) {
$scope.updateOrders = function(startIndex, endIndex) {
console.log(startIndex + ", " + endIndex);
}
}
Я хочу получить startIndex
и endIndex
в своем обратном вызове updateOrders
и сделать с ними что-то, но он печатает:
undefined, undefined
Как передать эти параметры моим обратным вызовам? Правильно ли мой подход?