我正在开发一个 Ionic Framework 应用程序。我已经安装了 LocalForage,我决定将其用作离线存储的本地存储解决方案。
这是我的 app.js 中我的配置中的 LocalForage 设置:
$localForageProvider.config({
driver : 'localStorageWrapper',
name : 'myApp',
storeName : 'keyvaluepairs',
description : 'some description'
});
$localForageProvider.setNotify(true, true); // itemSet, itemRemove
接下来,我使用 services.js 文件中的以下代码创建了一个“表”来存储我的信息:
dataFactory.getUserProjects = function(){
return $http.get(baseURL + 'getUserProjects.cfm').then(function(response) {
// store locally so that we can access when we are offline
return $localForage.setItem('userprojects', response.data).then(function() {
//console.log("userprojects: ", response.data);
return response.data;
});
}, function() {
// the error indicates that we are offline -> get the locally stored list
console.log("catch failed, get it locally");
return $localForage.getItem('userprojects').then(function(item) {
return item;
});
});
};
接下来,我在 Controller 中调用该函数:
HoursService.getUserProjects().then(function(response){
$scope.tags = response;
});
此页面是 Master-Detail 模式的 Master 页面。在详细信息页面上,我再次“获取” $localForage 对象并向下迭代以获取我需要在详细信息页面上显示的单个文件:
// Get the userprojects and iterate through them to find the one we need
HoursService.getUserProjects().then(function(response){
var data = response;
angular.forEach(data, function(value, key){
angular.forEach(value.Activity, function(value, key){
if(value.RecordID == $rootScope.pageID){
$scope.singleRecord = value;
}
});
});
});
好的,这一切都很好!问题是当我尝试更新 'userprojects' JSON 对象时。我使用 ng-click 调用并执行此函数:
$scope.updateHours = function(index, id){
console.log("I clicked delete");
console.log("Index:" + $rootScope.outerID + ", " + "ID: " + $rootScope.pageID);
$localForage.getItem('userprojects').then(function(item){
console.log("My Item:", item);
$scope.item = item;
$scope.path = $scope.item[$rootScope.outerID].Activity[$rootScope.innerID];
$scope.path.ActivityName = 'Magic Dolphin Event';
$rootScope.$broadcast('LocalForageModule.setItem', {
key: $scope.path,
newvalue: $scope.path.ActivityName,
driver: $localForage.driver
});
$state.go("tab.projects", {}, {reload: true});
});
};
如果我在运行广播事件后设置“console.log”来检查对象,我可以看到正确的字段已更新并变为“Magic Dolphin Event”。好的,不错!
问题是当我导航或使用“$state.go”重定向回母版页时。核心对象没有更新,如果我设置了一个console.log,调用$localForage.getItem:“userprojects”,看,它没有更新。我检查了我的代码,我只在工厂中设置了一次“userprojects”对象。我一遍又一遍地查看文档并运行所有我能想到的搜索并且没有任何运气。我是 Angularjs 新手,我怀疑我不理解某些东西,或者忽略或误解了某些东西。任何帮助表示赞赏。我做错了什么?