如何保存从后端获得的 Angular 重新排序列表的顺序
How to save order of Angular reordered list that I get from the back-end
当用户打开页面时,他们会看到一个列表,他们可以通过角度拖放对列表进行重新排序。问题当然是前端顺序变了,后端顺序没变。跟踪此列表顺序的最佳方法是什么?这样当用户重新访问时,他们会看到他们离开的顺序
我认为排序仅在前端很重要,因为无论您从后端获得什么,您都可以在前端使用不同的排序顺序选项对其进行排序。
如果我没理解错的话,你想'store'会话中的排序顺序,这样当用户返回那个页面时,你可以从后端获取列表并根据[=18]排序=] 存储。
如果您的应用程序没有任何应用程序状态,您可以为此目的使用浏览器会话存储。
// setting it
window.sessionStorage.setItem('sortOrder', 'sortByDate');
// getting it
const sortOrder = window.sessionStorage.getItem('sortOrder');
最好是将 order
属性 添加到您从后端获取的任何实体,并在每次用户重新排列项目时相应地更新 属性
您也可以一次更新所有商品的订单价值,例如。在 FE 上点击 apply
后 - 奖励 apply/revert 更改功能
当用户打开页面时,他们会看到一个列表,他们可以通过角度拖放对列表进行重新排序。问题当然是前端顺序变了,后端顺序没变。跟踪此列表顺序的最佳方法是什么?这样当用户重新访问时,他们会看到他们离开的顺序
我认为排序仅在前端很重要,因为无论您从后端获得什么,您都可以在前端使用不同的排序顺序选项对其进行排序。
如果我没理解错的话,你想'store'会话中的排序顺序,这样当用户返回那个页面时,你可以从后端获取列表并根据[=18]排序=] 存储。
如果您的应用程序没有任何应用程序状态,您可以为此目的使用浏览器会话存储。
// setting it
window.sessionStorage.setItem('sortOrder', 'sortByDate');
// getting it
const sortOrder = window.sessionStorage.getItem('sortOrder');
最好是将 order
属性 添加到您从后端获取的任何实体,并在每次用户重新排列项目时相应地更新 属性
您也可以一次更新所有商品的订单价值,例如。在 FE 上点击 apply
后 - 奖励 apply/revert 更改功能