2015-08-28 52 views
0

如何保存展开前面板的状态时,页面刷新?如何保存展开前面板的状态时,页面刷新

请参阅默认状态:

enter image description here

group header 2处于折叠状态下的状态:

enter image description here

当页面被刷新,变化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 
       } 
      ]; 
     } 
    ]); 
+0

这是不大不小的广泛的问题,并实际上取决于你的目标是什么了。你的代码是否有服务器端组件?您是否反对使用本地存储或Cookie?如果你的问题是你是否可以单独使用AngularJS,答案是否定的。 – pizzasynthesis

+0

如何为此使用cookie? – testStack

+0

@testStack退房文档https://developer.mozilla.org/en-US/docs/Web/HTTP/Cookies – BenR

回答

0

可以使用角度本地存储。使用设置方法angular local storage set来设置isopen的值。这里默认为isOpen赋值为真,取而代之的是在本地存储中检查,然后赋值。我不知道你如何改变isOpen的价值。

的策略是保持IsOpen属性在本地存储值的副本,只要你改变它,并在本地存储的支票,其最后的值,只要刷新页面。