Как сохранить состояние сбрасываемой панели при обновлении страницы

Question

Как сохранить состояние сбрасываемой панели при обновлении страницы?

смотрите по умолчанию состояние:

group header 2 свернут в ниже состояния:

При обновлении страницы, изменения являются destroyed.how, чтобы сохранить разрушилась состояние панели при обновлении страницы?

мой 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

Вы можете использовать угловую локальное хранилище. Используйте заданный метод angular local storage set, чтобы установить значение для isopen. здесь isOpen присваивается истинное значение по умолчанию, вместо этого выполняется проверка в локальном хранилище, а затем назначение. Я не знаю, как вы меняете значение для isOpen.

Стратегия сохраняет копию значения свойства isOpen в локальном хранилище всякий раз, когда вы меняете его, и проверяйте локальное хранилище на его последнее значение всякий раз, когда страница обновляется.