Angular安排并保存用户修改的模板

时间:2017-04-18 07:10:32

标签: javascript html angularjs

使用angular one来显示数据库中的一些数据,例如: field-1 field-2 field-3 field-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> 

1 个答案:

答案 0 :(得分:1)

我发现这篇文章但无法弄清楚如何保存修改后的模板并在下次用户登录时显示它 https://marceljuenemann.github.io/angular-drag-and-drop-lists/demo/#/nested