javascript - AngularJS 处理多次调用 Promise，但有一些异常(exception)

Question

我之前问过这个问题(AngularJS handle calling promise multiple times)，现在我有不同的障碍。现在我必须获取城市列表，但有一个异常(exception)。

城市可以像国家一样被多次调用(在我的老问题中)，我必须缓存数据以防止多次调用相同的数据(城市)。老问题的解决方案可以阻止多个调用，但现在我必须允许一些调用(对于新国家的城市)。

所以我的问题是:如何缓存城市数据以防止调用相同的数据？(我的函数必须捕获调用是否是针对新国家/地区的城市列表。如果是:调用服务并获取城市，如果不是:从缓存中返回城市)

这是我的服务:

var cityCache = {};
vm.getCities = function (countryCode) {

    if (countryCode!=undefined && !cityCache[countryCode]) {

        vm.cityPromise = $http({
            method: 'POST',
            cache: true,
            url: API + '/api/Global/CountryCities',
            data: {
                "CountryCode": countryCode
            }
        }).then(function successCallback(response,countryCode) {
            if (errorHandler(response.data)) {
                console.log("cities come from ajax")
                cityCache[response.config.data.CountryCode] = response.data;
                console.log(cityCache)
                return response.data
            }
        });
    } else {
        vm.cityPromise = $timeout(function () {//I use this to get promise object
            return cityCache[countryCode]
        }, 0)
        console.log("cities comes from cache");
    }

    return vm.cityPromise;
}

示例:假设我同时调用 getCities 函数 3 次。我正在通过 chrome 查看我的网络流量。我看到 3 个 ajax 调用。这是正常的。但有时，我会调用同一个城市。我需要编辑我的函数，该函数可以理解之前是否已经调用过城市数据(某种缓存)。
例如:如果我用这个参数询问函数 3 次:

1-给我德国的城市，
2-给我爱尔兰的城市，
3-(再次)给我德国的城市，

已经打了3次电话了但我想要 1 个德国电话，1 个爱尔兰电话。只需 2 个电话。

Answer 1

与您的其他问题的答案相同，只需将国家/地区代码映射到 promise 即可。也和以前一样，考虑错误情况。

var vm = this;

vm.cityPromises = {};

function getCities(countryCode) {
    if (!vm.cityPromises[countryCode]) {
        vm.cityPromises[countryCode] = $http({
            method: 'POST',
            cache: true,
            url: API + '/api/Global/Countries',
        }).then(function successCallback(response) {
            if (errorHandler(response.data)) {
                console.log("ajax")
                return response.data;
            }
        });
    } else {
        console.log("cache")
    }
    return vm.cityPromises[countryCode];
}