页面刷新时清除服务中的数据
Data in a Service cleared on Page Refresh
每当刷新页面(如 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 初始化,但没有修复它。
使用 ngStorage
在 angular 中实现 $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
每当刷新页面(如 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 初始化,但没有修复它。
使用 ngStorage
在 angular 中实现 $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