Question

我想为我的离子应用设置使用切换按钮。

我使用window.localStorage来保存数据。

我的问题是设置，当我刷新或重新启动应用程序时它会恢复，我在这里丢失了。

我不知道如何加载保存的数据。这是我的代码：

HTML：

  <div class="list">

    <div class="item item-divider"> 
      Settings
    </div>

  </div>

  <ion-toggle ng-model="favorite.checked"
                ng-change="favoriteChange()">
      favorite
  </ion-toggle>

JS：

$scope.favoriteChange = function() {
window.localStorage['favorites'] = angular.toJson($scope.favorite.checked);
}
$scope.favorite = { checked:true};

Answer 1

您永远不会检索您存储的值。

localStorage：reference

$scope.favorite = {};

// Loads on page load/controller load
$scope.favorite["checked"] = localStorage.getItem("favorites");

// If never set
if($scope.favorite.checked == null) {
    $scope.favorite.checked = true;
}

// Save
$scope.favoriteChange = function() {
    localStorage.setItem("favorites", $scope.favorite.checked);
}

您也可以使用ngStorage，它可以为更大的对象保存提供更好的功能。

如何保存数据设置，而不是在刷新应用程序时还原？

1 个答案: