Javascript 角度排列并保存用户修改的模板

使用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或DB中，并向每个用户显示其自己的模板？ 这是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> 

{{item.field_1}}
{{item.field_2}}
{{item.field_3}}
{{item.field_4}}

我找到了这篇文章，但不知道如何保存修改后的模板并在下次用户登录时显示它