AngularJS-ը մի քանի անգամ ընդունում է զանգերի խոստումը որոշ բացառություններով

Նույն պատասխանը, ինչպես ձեր մյուս հարցին, պարզապես քարտեզագրեք երկրի կոդը խոստումով: Նույնը, ինչպես նախկինում, հաշվի առեք սխալի դեպքը:

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];
}

Այստեղ կարող եք օգտագործել ձեր սեփական խոստումը: Մի մոռացեք ներարկել $q ծառայությունը:

var cityCache = {};

vm.getCities = function (countryCode) {

    var deferred = $q.defer();
    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)) {
                cityCache[response.config.data.CountryCode] = response.data;
                deferred.resolve(response.data);
            }
            else{
                deferred.reject();
            }
        });
    } 
    else {
         vm.cityPromise = $timeout(function () {//I use this to get promise object
             deferred.resolve(cityCache[countryCode]);
        }, 0);
    }

    return deferred.promise;
}

Փորձեք օգտագործել $q ծառայությունը angular-ից:

թարմացվել է նույն քաղաքի բազմաթիվ զանգերը կանխելու համար.

FIDDLE

ծառայություն:

.service("cityService", function($http, $q, $httpParamSerializerJQLike){
    //var callCache = {};
    var cityCache = {};
    return {
        getCities: function(countryCode){

            //if(callCache[countryCode] === undefined){
                  var promise = $q.defer();
           //     callCache[countryCode] = promise;
            //}else{
            //      console.log("return cached promise!!", callCache[countryCode]);
            //      return callCache[countryCode].promise;
            //}

            if (countryCode!=undefined && !cityCache[countryCode]) {
                    console.log("new city");
                var data = $httpParamSerializerJQLike({
                    json: JSON.stringify({
                        name: countryCode+Math.random().toString(36).substring(7)
                    })
                });
                $http({
                    method: 'POST',
                    url:"/echo/json/",
                    data: data
                }).then(function(risp) {
                        console.log("servicelog",risp.data);
                        cityCache[countryCode] = risp.data;
                    var obj = angular.extend({cache: false}, risp.data);
                    promise.resolve(obj);
                    //callCache[countryCode].resolve(obj);
                    //delete callCache[countryCode];
                });
            }else{
                setTimeout(function(){
                        var obj = angular.extend({cache: true}, cityCache[countryCode]);
                    promise.resolve(obj);
                    //callCache[countryCode].resolve(obj)
                    //delete callCache[countryCode];
                }, 1000)
            }
            return promise.promise;
        }
    }  
});

Ես լուծեցի իմ խնդիրը՝ ստեղծելով օբյեկտ խոստման համար և շատ շնորհակալություն @Luke Harper-ին, որ ինձ օգնել է նախկինում և հիմա :) Նրա պատասխանը նույնպես ճիշտ է, բայց ես պետք է մի քիչ ավելացնեմ իմ հավելվածի կոդը:

Եթե ​​իմ կոդի մեջ որևէ խնդիր եք տեսնում, գրեք ինձ, որպեսզի ես խմբագրեմ պատասխանը

Այսպիսով, ահա իմ լուծումը.

vm.cityPromise = {};
vm.getCities = function (countryCode) {
    vm.cityPromise["cityCache"] = countryCode;
    if (!vm.cityPromise[countryCode]) {
        if (countryCode != undefined && !cityCache[countryCode]) {
            vm.cityPromise[countryCode] = $http({
                method: 'POST',
                cache: true,
                url: API + '/api/Global/CountryCities',
                data: {
                    "CountryCode": countryCode
                }
            }).then(function successCallback(response, countryCode) {
                if (errorHandler(response.data)) {
                    cityCache[response.config.data.CountryCode] = response.data;
                    console.log("cities ajax, cityCache", cityCache)
                    return response.data
                }
            },function error (response){
                console.log ("error:",response)
            });
        } else {
            vm.cityPromise[countryCode] = $timeout(function () {
                return cityCache[countryCode]
            }, 0)
            console.log("getCities cache");
        }
    }
    return vm.cityPromise[countryCode];
}