Angular Dragula：拖放后如何在保存按钮上获取更新排序列表

编程问答 2022-06-09

问题描述

我正在从数据库中获取具有排序顺序的帖子列表，并使用ng-repeat行与表格进行绑定。我设置了它们，以便您可以使用Angular Dragula拖放来重新排序。这很好。 拖动后，每当我单击保存按钮时，我都应该获得“更新的排序顺序”，以便可以在数据库上对其进行更新。

拖动前：

假设post_sort_order：1、2、3、5

Before Drag

拖动后：

After Drag

post_sort_order：4,2,3,1

HTML：

  <tbody md-body  ui-sortable >

                        <tr md-row> 
                                <td>
                                    <div  dragula-model="vm.GroupData.groups" class="drag-container" dragula='"drag-container"'  layout="column" layout-xs="column" layout-align="space-between" layout-margin>
                                                <tri-widget ng-repeat="order in vm.GroupData.groups" flex title="{{::order.group_name | triTranslate}}"  title-position="top" palette-background="blue-grey:600" background="primary"></tri-widget>
                                     </div>
                                </td>
                         </tr>

                    </tbody>

JavaScript： 结果：vm.GroupsData.groups：

API Response

现在，一旦单击“保存”按钮，我应该会得到更新的排序列表，例如此处4,1。

实际发布顺序：1、2、3、5

预期的post_sort_order：3、1、5、2

有没有一种获取更新列表的方法？如果是，请告诉我。 预先感谢。

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

angularangularangular-draguladragulajavascript