Angular 服务缓存一个值

Question

我的服务需要异步检索一个值，但一旦我拥有它，我想使用该值的缓存版本。

当两个控制器调用此服务时，我希望第一个控制器缓存检索到的值，而第二个控制器使用缓存值，但根据日志，我从未找到缓存值。当它运行时，我看到一条日志消息，显示正在缓存的值，然后，当我按照角度路由到不同的控制器时，我看不到服务找到缓存的值。为什么它没有按我的预期运行**？**

angular.module('myApp.services').factory('Config', function() {

    var Config = { };

    Config.currentYear = function() {
        if (Config._currentYear) {
            // sadly, we never execute here
            console.log("returning cached year");
            return Parse.Promise.as(Config._currentYear);
        }
        return Parse.Config.get().then(function(config) {
            console.log("caching year");
            Config._currentYear = config.get("currentYear");
            return Config._currentYear;
        });
    };

    return Config;

});

几个注意事项：（1）我将缓存的属性命名为_currentYear，添加下划线以避免与函数名称冲突。不确定我是否需要这样做。 (2) 当值被缓存时，我返回一个已履行的承诺，所以该函数总是返回一个承诺......也不确定是否需要，但认为它不会受到伤害。

Answer 1

与其缓存数据，不如直接缓存 Promise 并返回它。当您缓存数据时，您仅在成功回调中设置数据Config._currentYear，并且有可能在成功回调运行之前发生其他后续调用。所以你最终再次拨打同样的电话。当您从被实例化的不同控制器调用相同的服务方法时，您可以很容易地看到这一点，因为它们存在于同一模板上。预先缓存一个 Promise 可以避免这些问题。

angular.module('myApp.services').factory('Config', function() {
    var config; //Just use to save the promise
    Config.currentYear = function() {
        /*If there is already a call made before return the promise else
          make the actual call and store the promise in the variable.*/
        return config || config = Parse.Config.get().then(function(config) {
            return config.get("currentYear");
        });
    };
});