如何在页面刷新时保存折叠面板状态

Question

如何在页面刷新时保存折叠面板状态？

请参阅默认状态：

group header 2在以下状态崩溃：

当页面刷新时，更改会被销毁。如何在页面刷新时保存折叠面板状态？

我的angularjs代码：

angular
    .module('indexCtrl', [])
    .controller('indexCtrl', [
        '$scope',
        '$location',
        '$stateParams',
        '$state',
        '$rootScope',
        function ($scope, $location, $stateParams, $state, $rootScope) {
            $state.changeTitle($state.current.title);
            $scope.oneAtATime = false;

            $scope.groups = [
              {
                  title: 'Dynamic Group Header 1',
                  content: 'Dynamic Group Body 1',
                  isOpen:true
              },
              {
                  title: 'Dynamic Group Header 2',
                  content: 'Dynamic Group Body 2',
                  isOpen: true
              }
            ];
        }
    ]);

Answer 1

您可以使用角度本地存储。使用set方法angular local storage set设置isopen的值。这里isOpen默认分配了真值，而是检查本地存储然后分配。我不知道您如何更改isOpen的值。

策略是在更改时保留isOpen属性在本地存储中的值的副本，并在刷新页面时检查本地存储中的最后一个值。