javascript - AngularJS 和 ngStorage 记住设置？

Question

我正在使用 AngularJS 将一些数据传递到表中。表格上方是一系列复选框，用于显示/隐藏表格中的列。

当用户离开/刷新页面时，如何保留用户的复选框首选项？

我已经阅读了一些内容，我想我也许可以使用 ngStorage来做到这一点？

这是我的代码的基本轮廓:

<input id="goals" type="checkbox" ng-model="checked.goals"><label for="goals">Goals</label>

<table ng-cloak>
    <thead>
        <td ng-show="checked.goals">Goals</td>
    </thead>
    <tr ng-repeat="stat in stats">
        <td ng-show="checked.goals">@{{ stat.goals }}</td>
    </tr>
</table>

我正在阅读 ngStorage/AngularJS 文档，因为我对该框架仍然陌生，但我认为其他人可能遇到了同样的挑战。

Answer 1

我以前没有使用过 ngStorage，但我可以通过简单地使用 localStorage 来存储与这种情况类似的用户首选项。我创建了一个存储对象并将键映射到复选框的名称。当 Controller 加载时，我从 localStorage 读取对象并相应地设置值。