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

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

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

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
              }
            ];
        }
    ]);