javascript - Angular排列并保存用户修改的模板

Question

使用 Angular One 显示数据库中的一些数据，例如:字段 1 字段 2 字段 3 字段 4我有默认模板，但现在添加了第二个，它工作正常。

<div ng-show="isUserLogedin" ng-include="'header.htm'"></div>
<div class="div_content">
    <div ng-hide="isUserLogedin" ng-include="'login.htm'"></div>

        <div ng-show="isOTHER"   ng-include="'filter.htm'" onload="finishLoading()"></div>
        <div ng-show="isadmin"  ng-include="'filteradmin.htm'" onload="finishLoadingadmin()"></div>

       </div>   

这个逻辑是有效的，但是每次某些组需要更改字段位置时，我都必须手动更改它，有什么方法可以在 Angular 1中制作类似拖动和粘贴字段位置的东西，将其保存到cookie或数据库中并向每个用户展示他自己的模板？这就是filter.htm的一部分

<table class="contentTable" width="100%">
        <thead>
            <tr>
                <th><a href="#" ng-click="changeOrder('Field_1');">field_1</a></th>
               <th><a href="#" ng-click="changeOrder('Field_2');">field_2</a></th>
                <th><a href="#" ng-click="changeOrder('Field_3');">field_3</a></th>
               <th><a href="#" ng-click="changeOrder('Field_4');">field_4</a></th>



            </tr>
        </thead>
        <tbody class="main_container_right_div1">
            <tr dir-paginate="item in serverData | itemsPerPage: itemPerPageValue | orderBy : orderBy ">
                <td>{{ item.field_1 }}</td>
                <td>{{ item.field_2 }}</td>
                <td>{{ item.field_3 }}</td>
                <td>{{ item.field_4 }}</td>
            </tr>
        </tbody>
    </table> 

Answer 1

我找到了这篇文章，但不知道如何保存修改后的模板并在下次用户登录时显示它 https://marceljuenemann.github.io/angular-drag-and-drop-lists/demo/#/nested