Question

每当刷新页面时（与F5一样），我的服务中的数据都会被清除。有没有办法解决这个没有本地存储？它不是一个至关重要的功能，但如果您刷新页面，应用程序就会中断，而且对于最终用户来说，这通常不是最好的...

第一控制器：

$scope.go = function(location){
    classService.currentClass = location;
}

服务：

.service('classService', function () {
   var classService = this;

   //Init
   classService.currentClass = null;
});

第二名管制员：

  .controller('ClassCtrl', function ($scope, classService) {
      var currentClass = classService.currentClass;
      $scope.className = currentClass.getTeacherClassName();
      $scope.classDescription = currentClass.getTeacherClassDescription();
      $scope.classCode = currentClass.getTeacherClassCode();
  });

这可能是显而易见的，但我对编程和AngularJS有点新意。

编辑：我尝试删除null init，没有修复它。

Answer 1

使用ngStorage

在角度中实现$ localStorage非常容易

请在此处查看演示

http://plnkr.co/edit/F9dEP472n8ETaK1wLqVq?p=preview

将ngStorage添加到您的主页

<script src="http://rawgit.com/gsklee/ngStorage/0.3.0/ngStorage.min.js"></script>

将ngStorage添加到您的模块

 var app = angular.module('app', ['ngStorage']);

将$ localStorage服务添加到您的控制器和服务

angular.module('app').service('classService', function($http,$localStorage)..

其余部分在演示plunkr

中

页面刷新时清除服务中的数据

1 个答案: