Javascript 如何在localstorage angulajs中存储按钮值？

我在智能表格中使用angularjs，我正在做的是，我添加了一个切换按钮，用于展开和折叠表格行，单击按钮一次后，行将展开，如果我重新加载页面，所有行都将因为页面重新加载而折叠。我想这些行应该打开后，即使页面重新加载，我如何才能做到这一点

如何在本地存储器中存储按钮值？那么页面重新加载后按钮状态是否保持不变

var myApp=angular.module（'myApp'，[]）
.filter（“groupBy”、[“$parse”、“$filter”、函数（$parse，$filter）{
返回函数（数组、groupByField）{
var结果=[]；
var prev_item=null；
var-groupKey=false；
var filteredData=$filter（'orderBy'）（数组，groupByField）；
对于（变量i=0；i

全部崩溃
按国家扩展
名称
城市
国家
{{emp.Country}
{{emp.Name}
{{emp.City}
{{emp.Country}

使用以下命令将值设置为本地存储：

localStorage.setItem('buttonInfo', JSON.stringify($scope.IsAllCollapsed));

然后读取值并设置

$scope.IsAllCollapsed

$scope.IsAllCollapsed = JSON.parse(localStorage.getItem("buttonInfo"));

请在您的本地PC环境中进行测试。出于安全原因，它在stackoverflow上不起作用：

工作代码段如下所示：

var myApp=angular.module（'myApp'，[]）
.filter（“groupBy”、[“$parse”、“$filter”、函数（$parse，$filter）{
返回函数（数组、groupByField）{
var结果=[]；
var prev_item=null；
var-groupKey=false；
var filteredData=$filter（'orderBy'）（数组，groupByField）；
对于（变量i=0；i  angular.module('App', ['ngStorage'])
     .controller('employeeController', function ($scope,$localStorage) {
})

$scope.IsAllCollapsed = ($localStorage.IsAllCollapsed == undefined) ? $scope.IsAllCollapsed : $localStorage.IsAllCollapsed;

$scope.IsAllCollapsed = false;

      BindCollapseToData($scope.employees);
                                  $scope.collapseAll = function () {
                                      $scope.IsAllCollapsed = !$scope.IsAllCollapsed;
                                      $localStorage.IsAllCollapsed = $scope.IsAllCollapsed;
                                      BindCollapseToData($scope.employees);
                                  }

    function BindCollapseToData(DataColl) {
                           DataColl.forEach(function (item) {
                               item.isCollapsed = $scope.IsAllCollapsed;
                           })
                       }