如何在 AngularJS 中进行模拟同步 AJAX 调用？

Question

我的 app.js 中有这个脚本：

app.run(['$http', '$location', 'myAppConfig', function ($http, $location, myAppConfig) {

    if (myAppConfig.webAPIPath.main == '') {

        var getconfigDone = false;

        $http.get('fileHandler.ashx?action=getconfig')
        .then(function (result) {
            if (JSON.parse(result.data.Data).APIURL !== undefined && JSON.parse(result.data.Data).APIURL != '') {
                var apiURL = JSON.parse(result.data.Data).APIURL;

                if (apiURL.lastIndexOf('/') + 1 == apiURL.length) {
                    apiURL = apiURL.substring(0, apiURL.lastIndexOf('/'))
                }

                myAppConfig.webAPIPath.main = apiURL + "/";

                myAppConfig.webAPIPath.account = myAppConfig.webAPIPath.main + '/api/OnlineApplicationPortal/v1/Account/';

                myAppConfig.webAPIPath.dashboard = myAppConfig.webAPIPath.main + '/OnlineApplicationPortal/v1/Dashboard/';
            }
            else {
                $location.path('Action/Welcome/apiUrlError');
            }
            //debugger
            getconfigDone = true;

        }, function (response) { debugger }

        );

    }



}]);

我也得到了这个工厂对象，它在 app.js 中使用了myAppConfig：

(function () {

    angular
        .module('app.data')
        .factory('accountDS', ['$http', '$routeParams', 'myAppConfig', function ($http, $routeParams, myAppConfig) {
            var pathPrefix = myAppConfig.webAPIPath.account;

            var createAccount = function (account, email) {

                var OnlineApplicationPortalModel = {
                    Name: account.firstName,
                    Surname: account.lastName,
                    Email: email,
                    Password: account.password
                };

                return $http.post(pathPrefix + 'CreateAccount', OnlineApplicationPortalModel)
                    .then(function (response) {

                        return response;
                    });
            };

            var confirmEmail = function () {
                var data = {
                    guid: $routeParams.guid
                };

                return $http.post(pathPrefix + 'ConfirmEmail', data)
                    .then(function (response) {
                        return response;
                    });
            }

            return {
                createAccount: createAccount,
                confirmEmail: confirmEmail
            };

}]);

})();

服务对象需要使用myAppConfig.webAPIPath.account，在app.js的run函数中解析。现在的问题是，有时浏览器到达服务代码的时间比 AJAX 调用返回的时间早，这是一种竞争条件。我知道在 AngularJS 中不可能进行同步 AJAX 调用。那么我该如何解决呢？

Answer 1

如果我正确理解您，您希望 myAppConfig.webAPIPath.account 解析此值以便稍后在您的代码中使用它，但在分配之前并不总是调用为您提供此变量值的 ajax 调用。我认为您可以使用https://docs.angularjs.org/api/ng/service/$q 来解决您的问题。您在 myAppConfig 中的代码应该在函数内部，因此您可以在工厂内部调用它并返回延迟对象，然后当您设置 .account 变量时，应该从 accountDS 工厂调用代码。