2015-08-28 54 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屬性在本地存儲值的副本,只要你改變它,並在本地存儲的支票,其最後的值,只要刷新頁面。