如何在Angularjs中调用嵌套工厂？

Question

您好，我正在用 angularjs 开发 Web 应用程序。我有以下要求。我有一个工厂。我在下面添加了代码 sn-p。

myapp.factory('sadadpaymentapi', ['$http', '$cookieStore', 'cfg', 'ScrollFunction', 'leaselisting', function ($http, $cookieStore, cfg, ScrollFunction, leaselisting) {
    var sadadpaymentapiobject = {};
    var baseurl = cfg.Baseurl;
    var LoginID = $cookieStore.get("LoginID");
    var cookiePreferredLanguage = $cookieStore.get('PreferredLanguage');
    var urlapi = baseurl + "api/ServiceRequest/CreateRSSedad/";
    sadadpaymentapiobject.callsadad = function (PaymentType) {
        leaselisting.leaselisting().then(function (response) {
        //Problem in calling
        }, function (error) { });
        var request = {
            url: urlapi,
            method: 'POST',
            data: {
                SRActivityID: LoginID,
                PaymentType: PaymentType,
                PaymentAmount: "100"
            },
            headers: ScrollFunction.getheaders()
        };
        return $http(request);
    }
    return sadadpaymentapiobject;
}]);

这是我的第二个工厂租赁清单

myapp.factory('leaselisting', ['$http', '$cookieStore', 'cfg', 'ScrollFunction', function ($http, $cookieStore, cfg, ScrollFunction) {
    var leaselistingobject = {};
    var baseurl = cfg.Baseurl;
    var LoginID = $cookieStore.get("LoginID");
    var cookiePreferredLanguage = $cookieStore.get('PreferredLanguage');
    leaselistingobject.leaselisting=function(){
    var requestObj = {
        url: "api/ServiceRequest/GetROLSPSRLeaseList/",
        data: {
            LoginID: LoginID,
            RSAccountNumber: $cookieStore.get("AccountNumber")
        },
        headers: ScrollFunction.getheaders()
    };
    $http(requestObj).then(function (response) {
    }, function (error) {
    });
    }
    return leaselistingobject;
}]);

我在下面的行中发现了错误

 leaselisting.leaselisting().then(function (response) { //Problem in calling
        }, function (error) { });

我可以在上面的代码中做错什么吗？我可以知道是否可以从另一个工厂调用一个工厂？我从租赁列表中得到的响应我想将它传递给 sadadpaymentapi 的 calladad 函数。那么有人可以在上面的代码中帮助我吗？我收到错误 Cannot read property 'then' of undefined in the leaselisting.leaselisting().then(function (response) {},function(error){});

还有什么方法可以直接注入工厂，比如支付金额：注入工厂这样的东西？

Answer 1

我假设leaselistingobject.getValue 是一个异步函数。 所以首先要获得你的价值：

leaselistingobject.getValue = function(){
   var requestObj = {
       url: "api/ServiceRequest/getValue/"
   };
   return $http(requestObj).then(function (response) {
        return response.data;
    });
}

然后使用它。为了让所有异步操作完成，我们使用 angulars $q.Here 你可以找到一个小教程。

myapp.factory('sadadpaymentapi', ['$http', '$cookieStore', 'cfg', 'ScrollFunction', 'leaselisting', '$q',function ($http, $cookieStore, cfg, ScrollFunction, leaselisting, $q) {
var sadadpaymentapiobject = {};
var baseurl = cfg.Baseurl;
var LoginID = $cookieStore.get("LoginID");
var cookiePreferredLanguage = $cookieStore.get('PreferredLanguage');
var urlapi = baseurl + "api/ServiceRequest/CreateRSSedad/";
sadadpaymentapiobject.callsadad = function (PaymentType) {
    var leastListingPromise = leaselisting.leaselisting();
    var getValuePromise = leaselisting.getValue();
$q.all([leastListingPromise, getValuePromise]).then(function (responses) { 
    //Here you have both responses in an array
    var request = {
        url: urlapi,
        method: 'POST',
        data: {
            SRActivityID: LoginID,
            PaymentType: PaymentType,
            PaymentAmount: responses[1]
        },
        headers: ScrollFunction.getheaders()
    };
    return $http(request);


    });   
}
return sadadpaymentapiobject;
}]);

为了让leaselisting()返回请求的响应，改变函数的结尾

$http(requestObj).then(function (response) {
}, function (error) {
});

到

return $http(requestObj).then(function (response) {
    return response.data;
}, function (error) {
});

如果对可能的错误不做任何事情，你可以省略错误函数部分：

return $http(requestObj).then(function (response) {
    return response.data;
});