Question

我正在使用$ cacheFactory在我的缓存中保存一些数据，直到今天我已经决定将我的cacheFactory分成一个名为MyFactory.js的类。现在我收到了错误：

TypeError: tableCacheFactory is not a function

因为它注射的是一种简单的方法或某种东西，有人知道我在这里遗漏了什么吗？

main.js

angular.module('main-component',
    ['my-component',
    'my-cache-factory'
    ]);

MyFactory.js

angular.module('my-cache-factory', [])

    .factory('tableCacheFactory', [
        '$cacheFactory', function ($cacheFactory) {
            return $cacheFactory('my-cache');
        }
    ]);

MyService.js

angular.module('my-component', [])

    .factory('my-component-service',
        ['$rootScope',
        '$http',
        '$q',
        'tableCacheFactory',
        function ($rootScope, $http, $q, tableCacheFactory) {

            function getMyData (prodNro) {

                var deferred = $q.defer();
                var promise = deferred.promise;

                var dataCache = tableCacheFactory.get('tablecache');

                if (!dataCache) {
                    dataCache = tableCacheFactory('tablecache');  // TypeError: tableCacheFactory is not a function
                }

                var summaryFromCache = dataCache.get('tablecache' + prodNro);

                if (summaryFromCache) {
                    deferred.resolve(summaryFromCache);

                } else { 

                    $http({
                        method: ...
                        data : ...
                        url: ...
                    }).success( function (data, status, headers, config) {

                        var objectResult = {
                            "data": data,
                            "status": status,
                            "headers": headers,
                            "config": config
                        }

                        if (data.response) {
                            // Save to cache
                            dataCache.put('tablecache'+prodNro, objectResult);
                        }

                        deferred.resolve(objectResult);

                    }).error(function (data, status, headers, config) {

                        ...
                    });

                }

                return promise;

            }

Answer 1

tableCacheFactory包含在my-cache-factory模块中。因此，在使用之前，您需要先将模块注入my-component模块。所以它应该是这样的：

angular.module('my-component', ['my-cache-factory'])

Answer 2

您在模块my-cache-factory中定义了缓存工厂，但从未将该模块注入主组件服务模块。请改为angular.module('my-component', ['my-cache-factory'])。

Answer 3

您似乎对$cacheFactory的工作方式存在一些误解。

在var dataCache = tableCacheFactory.get('tablecache');中你正在使用它，就像它是一个包含另一个Cache对象的初始化Cache对象。

另一方面，dataCache = tableCacheFactory('tablecache');使用它就像$cacheFactory本身一样。

他们两个都试图在我认为应该已经是 tableCache 本身的东西中访问记录'tablecache'。

错误正是它所说的。 As per the docs，调用$cacheFactory('my-cache');不会返回创建更多缓存的函数。它返回一个$cacheFactory.Cache对象，其中包含put(key, value)和get(key)等方法。请改用它们。

我将更改缓存的整个结构（请注意，工厂名称已更改）：

.factory('tableCache', [
    '$cacheFactory', function ($cacheFactory) {
        //Return what the name of the factory implies
        return $cacheFactory('tablecache');
    }
]);

然后使用它而不需要做更多奇怪的'tablecache'namespacing

function getMyData (prodNro) {
    ...
    var summaryFromCache = tableCache.get(prodNro);
    ...
    tableCache.put(prodNro, objectResult);
}

AngularJS - 我在工厂注射中遗漏了什么？

3 个答案: