Angularjs 将服务中http请求的返回数据保存到本地存储,并在ionic中的app start上检查/加载它
我正在制作一个Ionic应用程序,我正在利用$http服务通过API以JSON格式从服务器中提取页面数据。我的工厂是这样的:Angularjs 将服务中http请求的返回数据保存到本地存储,并在ionic中的app start上检查/加载它,angularjs,http,caching,ionic-framework,local-storage,Angularjs,Http,Caching,Ionic Framework,Local Storage,我正在制作一个Ionic应用程序,我正在利用$http服务通过API以JSON格式从服务器中提取页面数据。我的工厂是这样的: 在app.js中,我在app.config中为每个状态使用解析函数 .state('app.faq', { url: '/faq', views: { 'menuContent': { templateUrl: 'templates/faq.html',
在app.js中,我在app.config中为每个状态使用解析函数
.state('app.faq', {
url: '/faq',
views: {
'menuContent': {
templateUrl: 'templates/faq.html',
controller: 'FaqCtrl',
resolve: {
faqdata: function (FaqHiveData) {
return FaqHiveData.all();
}
}
}
}
})
我还在app.config中启用缓存
// enable http caching
$httpProvider.defaults.cache = true;
然后我在控制器中使用范围中的返回数据
app.controller('FaqCtrl', function ($scope, $stateParams, $http, $timeout, $log, faqdata, ionicMaterialInk) {
$scope.faqdata = faqdata;
//add ref to other needed value in the scope.faqdata
$scope.faqs = $scope.faqdata.faqs;
});
这可用于访问我视图中的数据,但我想将此返回数据设置为本地存储,以便在应用程序启动或没有连接时访问它。做你想做的事情怎么样?localStorage API使用起来非常简单:做你想做的事情怎么样?localStorage API使用起来非常简单:
app.controller('FaqCtrl', function ($scope, $stateParams, $http, $timeout, $log, faqdata, ionicMaterialInk) {
$scope.faqdata = faqdata;
//add ref to other needed value in the scope.faqdata
$scope.faqs = $scope.faqdata.faqs;
});