如何在角度的本地存储中存储多个复选框状态

时间:2017-06-06 20:30:02

标签: angularjs storage local

我想使用外部JSON数据中的ng-repeat填充切换按钮,并希望在本地存储中存储不同切换按钮的切换状态,如果用户退出应用并重新启动应用程序,则会显示上次保存的状态。

查看 -

<ion-toggle ng-repeat="item in category" ng-model="myToggle.checked" ng-change="myToggleChange()">
   {{item.name}} 
</ion-toggle> 

控制器

$scope.myToggleItem = localStorage.getItem('check');

if($scope.myToggleItem){    
  var item = localStorage.getItem('check');  
  $scope.myToggle = {checked: JSON.parse(item)};
  console.log(item);
} else {    
  $scope.myToggle = { checked: true };
}

$scope.myToggleChange = function() {

  angular.forEach($scope.category, function(item){
    if($scope.myToggle.checked == true){
        console.log('Item', $scope.myToggle.checked);
        localStorage.setItem('check', $scope.myToggle.checked);
    }
    if($scope.myToggle.checked == false){
       console.log('Item', $scope.myToggle.checked);
       localStorage.setItem('check', $scope.myToggle.checked);
    }
  });

};

plz帮助如何实现这个目标

0 个答案:

没有答案