在 angularjs 中保存和检索本地存储中的复选框值

Question

我有一些问题，在我的Ionic应用程序中使用切换开关功能。默认情况下，切换为 true，当切换更改时，它会切换为 false。

<ion-toggle ng-model="myToggle.checked" ng-change="myToggleChange()">
  Toggle
</ion-toggle> 

使用应用程序时

一切正常，但是如果我关闭应用程序并在再次加载应用程序时关闭之前切换为假，则当我的控制器启动时，切换开关默认为真。重新加载应用程序后的缓存切换如何在关闭之前有位置？控制器：

      $scope.myToggleChange = function() {
        if($scope.myToggle.checked == true){
            console.log('Is True', $scope.myToggle.checked);
        }
        if($scope.myToggle.checked == false){
            console.log('Is False', $scope.myToggle.checked);
        }
      };
      $scope.myToggle = { checked: true };

Answer 1

阅读文档和手册 10 小时解决）））

  $scope.myToggleItem = localStorage.getItem('check');
    if($scope.myToggleItem){    
      var item = localStorage.getItem('check');  
      $scope.myToggle = {checked: JSON.parse(item)};
    } else {    
      $scope.myToggle = { checked: true };
    }
  $scope.myToggleChange = function() {
    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);
    }
  };

Answer 2

您可以使用本地存储来存储此类数据。https://github.com/gsklee/ngStorage

在更改处理程序中，您可以使用以下方法存储值

 $localStorage.myToogleValue = $scope.myToggle

控制器可以在开始时检查

if ($localStorage.myToogleValue)
    $scope.myToggle = { checked: $localStorage.myToogleValue.checked };
else
    $scope.myToggle = { checked: true };