Angularjs 将服务中http请求的返回数据保存到本地存储,并在ionic中的app start上检查/加载它

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',

我正在制作一个Ionic应用程序,我正在利用$http服务通过API以JSON格式从服务器中提取页面数据。我的工厂是这样的:

在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;
});