Question

我在角度工厂内创建一个函数。我需要这个函数返回promise。然后我添加其他功能。

    SPApp.factory('processing', ['$http', '$rootScope', '$q', function ($http, $rootScope) {
        function initialize($scope, status) {


    $http({
        method: 'GET',
        url: '/api/ApiCustomer/GetCustomerDetails'

    }).then(function (data) {
        if (data.data.ModelValue == null) {
            $rootScope.redirectToLogin();
        } else {
            $scope.CustomerInformation = data.data.ModelValue;


        }
    }).then(function () {
            $http({
                method: 'GET',
                url: '/api/ApiList/AccountTypeList'
                }).success(function (result) {
                $scope.accountTypeList = result;
                typeOfAccount = result;
            });

            // get currncy list

            $http({
                method: 'GET',
                url: '/api/ApiList/CurrencyList'
                }).success(function (result) {
                $scope.currencyList = result;

                //jQuery('#ProfileImage').attr('src', "/Content/Images/blank-avatar.jpg");
            });


            $http({
                method: 'GET',
                url: '/api/ApiList/BankListByUserType',
                }).success(function (result) {
                $scope.bankList = result;
            });

    });

};

return {
    initialize: initialize
}
    }]);

以及如何将此函数称为承诺并使用

processing.initialize($scope, true).then(function(){
  console.log("hello world");
});

如果你知道这个过程，那么现在就没有工作了PLZ帮助

Answer 1

您应该从工厂返回Promise

SPApp.factory('processing', ['$http', '$rootScope', '$q',   function ($http, $rootScope, $q) {
        function initialize($scope, status) {
            return $http({
                method: 'GET',
                url: '/api/ApiCustomer/GetCustomerDetails'
            });
        }

        return {
            initialize: initialize
        }
    }
]);

在控制器方法

中使用输出

processing.initialize($scope, true).then(function (data) {
    $scope.basicInfo = data.data.ModelValue.PersonalInformations[0];
});

根据评论 initialize函数有多个http请求，您可以使用$q.all()方法等待所有承诺完成。

SPApp.factory('processing', ['$http', '$rootScope', '$q', function ($http, $rootScope, $q) {
        function initialize($scope, status) {
            var returnData = {},
            var a = $http({
                    method: 'GET',
                    url: '/api/ApiCustomer/GetCustomerDetails'
                }).then(function (response) {
                    returnData.basicInfo = response.data.ModelValue.PersonalInformations[0];
                });

            var b = $http({
                    method: 'GET',
                    url: '/api/ApiList/AccountTypeList'
                }).then(function (response) {
                    returnData.accountTypeList = response;
                });

            return $q.all([a, b]).then(function () {
                return returnData;
            });
        }

        return {
            initialize: initialize
        }
    }
]);

Answer 2

请参阅以下链接，了解有助于解决此问题的角度承诺函数

https://docs.angularjs.org/api/ng/service/$q

Answer 3

你应该

return承诺而不仅仅是执行它
在工厂外使用承诺链并处理收到的数据，而不是通过内部$scope
同样$q服务似乎未被使用（不确定您的计划）。

工厂代码

    SPApp.factory('processing', ['$http', '$rootScope', function ($http, $rootScope) {
    function initialize(status) {
        return $http({
            method: 'GET',
            url: '/api/ApiCustomer/GetCustomerDetails'

        }).then(function (data) {
            return data.data.ModelValue.PersonalInformations[0];
        }
    }

    return {
        initialize: initialize
    }
}]);

用法

processing.initialize(true).then(function(personalInformation){
  console.log(personalInformation);
});

AngularJS工厂功能增加了承诺

3 个答案: