角度ui可排序的回调

Question

有没有办法设置一个带有角度ui可排序的回调函数？我想在下面的tbody标签中添加ng-update ="foo()",并在列表更改时运行foo.

<tbody id="existingStockResults" ui-sortable ng-model="processes">
    <tr ng-repeat="process in processes" ng-class="{odd: $index%2 == 0, even: $index%2 != 0}">
        <td>{{process.process}}</td>
        <td>{{process.vendor}}</td>
        <td>{{process.desc}}</td>
            <td>{{process.cost}}</td>
        <td><a href="#" ng-click="editProcess($index)">edit</a></td>
        <td><a href="#" ng-click="removeProcess($index)">remove</a></td>
    </tr>
</tbody>

谢谢!

Answer 1

您现在可以在ui-sortable属性中指定更新功能,如下所示:

<tbody ui-sortable="{update: foo()}">

但是sortable指令仍然存在一些问题,例如在这个例子中.他们目前在这里讨论.

Answer 2

我喜欢在我的范围内使用带有更新回调定义的选项哈希,如下所示:

$scope.sortableOptions = {
    disabled: false,
    update: function(event) {
        return $scope.sortableUpdated = true;
    }
};

并在模板中:

<div ui-sortable="sortableOptions"> ...

Answer 3

阅读 ui-sortable 文件（在 angular-ui 主页上没有演示，想知道为什么？） ，我发现它允许 2 个回调 -> 启动和更新，在更改之前和之后扳机。所以这样的事情应该有效：

<tbody id="existingStockResults" ui-sortable update="myCallback()" ng-model="processes">