Javascript 如何在Angular UI中加载已保存的排序表

我有可排序的选项卡集，一切都按预期工作，但我希望当用户刷新页面时，发现他的选项卡顺序已保存且未丢失

 <uib-tabset  ui-sortable="sortableOptions" class="tab-container"  my-restrict access="staff-businessDeveloper">
                    <uib-tab ng-controller="FirstCtrl" >
                        <tab-heading>
                            <i class="icon icon-user-following "></i> Dealers
                        </tab-heading>
                        <div class="panel-body table-responsive no-padding">
                            <table class="table table-striped table-responsive">
                            Some Stuff
                            </table>
                        </div>
                    </uib-tab>
  <uib-tab ng-controller="SecondTabCtrl" >
                        <tab-heading>
                            <i class="icon icon-user-following "></i> Dealers2
                        </tab-heading>
                        <div class="panel-body table-responsive no-padding">
                            <table class="table table-striped table-responsive">
                            Some Stuff
                            </table>
                        </div>
                    </uib-tab>
                </uib-tabset>

您可以看到，我将选项卡顺序保存在$localStorage中，如何加载它？

我建议使用这种角度存储。它为访问本地存储提供了非常方便的功能。如果本地或会话存储不可用，它也将退回到使用cookie

例如，如果我想存储名为“设置”的内容，我会这样做：

store.set('settings', {settings stuff});

然后可以通过执行以下操作来检索：

var settings = store.get('settings');

我建议使用这种角度存储。它为访问本地存储提供了非常方便的功能。如果本地或会话存储不可用，它也将退回到使用cookie

例如，如果我想存储名为“设置”的内容，我会这样做：

store.set('settings', {settings stuff});

然后可以通过执行以下操作来检索：

var settings = store.get('settings');

---

抱歉，如果我不清楚，我对$localStorage没有问题。我的问题是我不知道如何加载选项卡的保存顺序，比如说我使用角度存储，我把“设置”放在哪里，我写什么来生成保存在“设置”中的可排序加载顺序。@user1493376你能发布一个你所做的jsfiddle以便我可以修改它吗？与，不同之处在于我使用的是uib选项卡而不是li，这是它。如果我不清楚，很抱歉，我对$localStorage没有问题。我的问题是我不知道如何加载选项卡的保存顺序，比如说我使用角度存储，我把“设置”放在哪里，我写什么来生成保存在“设置”中的可排序加载顺序。@user1493376你能发布一个你所做的jsfiddle以便我可以修改它吗？与，不同之处在于我使用的是uib选项卡而不是li。因此，如果第二个选项卡被拖动到第一个位置，那么下次作为第一个选项卡加载时，它是否应该得到

SecondTabCtrl

。。？但是ot是第一个标签对吗。。？你不认为你应该有一个通用的控制器吗？你的数据，比如

Dealers2

，应该存储在类似scope的地方，而不是用HTML硬编码，这样就可以在不操纵DOM的情况下对其进行修改。当您解决了所有这些问题，然后从本地存储、RESTAPI或其他什么地方加载初始数据easy@TJ所以这是唯一的办法？因为这些选项卡在公司项目中随处可见，并且包含大量动态数据，所以我在您的示例中没有看到动态数据绑定。。？看到了，您没有回答我的第一个问题…@TJ抱歉，我正在使用ng repeat指令动态显示模板，它当前正在工作，因此我猜问题已经得到了回答。因此，如果第二个选项卡被拖到第一个位置，下次作为第一个选项卡加载时，它是否会得到

SecondTabCtrl

。。？但是ot是第一个标签对吗。。？你不认为你应该有一个通用的控制器吗？你的数据，比如

Dealers2

，应该存储在类似scope的地方，而不是用HTML硬编码，这样就可以在不操纵DOM的情况下对其进行修改。当您解决了所有这些问题，然后从本地存储、RESTAPI或其他什么地方加载初始数据easy@TJ所以这是唯一的办法？因为这些选项卡在公司项目中随处可见，并且包含大量动态数据，所以我在您的示例中没有看到动态数据绑定。。？看到了，你没有回答我的第一个问题…@TJ对不起，我正在用ng repeat指令动态显示模板，它目前正在工作，所以我猜问题已经回答了。