Question

我试图＆＃34; cacheify＆＃34;我的角度服务工厂。我希望它只在第一次加载页面时使用缓存来访问URL。然后，当我浏览到我的详细信息页面（findById）时，我想使用缓存。这有意义吗？

以下是我现在所拥有的内容，但我无法找到处理此异步的可靠方法。我的控制器正在调用该服务。

angular.module('myapp.services', [])

.factory('myservice', function ($http, $q, $cacheFactory) {

    var url = '//myurl.com/getawesomeJSON';

    return {

        findAll: function () {

            var $httpDefaultCache = $cacheFactory.get('$http');

            var data = $httpDefaultCache.get(url);
            if (data == null) {
                data = $http.get(url, { cache: true });
            }

            var deferred = $q.defer();
            deferred.resolve(data);
            return deferred.promise;
        },

        findById: function (id) {

            var data = angular.fromJson($cacheFactory.get('$http').get(url)[1]);

            for (var i = 0; i < data.length; i++) {

                if (data[i].Id === parseInt(id)) {

                    var deferred = $q.defer();
                    deferred.resolve(data[i]);
                    return deferred.promise;
                }
            }
        }
    }
});

Answer 1

我没有对此进行过测试，因为你没有提供一个傻瓜，但以下内容应该让你朝着正确的方向前进。你需要利用承诺链。

angular.module('myapp.services', [])

.factory('myservice', function ($http, $q, $cacheFactory) {

    var url = '//myurl.com/getawesomeJSON';

    return {

        findAll: function () {

            var $httpDefaultCache = $cacheFactory.get('$http');

            var deferred = $q.defer();

            var data = $httpDefaultCache.get(url);
            if (!data) {
                $http.get(url, { cache: true }).then(function(result){
                    deferred.resolve(result);
                });
            } else {
                deferred.resolve(data);
            }

            return deferred.promise;
        },

        findById: function (id) {
           return this.findAll().then(function(data) {
               for (var i = 0; i < data.length; i++) {
                  if (data[i].Id === parseInt(id)) {
                      return data[i];
                  }
              }
              return $q.reject('Not found'); // id not found
           });
        }
    }
});

AngularJS / Ionic服务工厂缓存

1 个答案: