在angularjs中解决从服务到UI路由器到控制器的$ http获取？

Question

我有一项服务，可以说两种方法

var getAccountTypes = function () {
    return $http.get(serviceBase + "accountTypes");
};
var getSalesReps = function () {
    return salesRepResource.query();
};

如您所见，getAccountTypes使用$ http，而getSalesReps使用$ resource。

我正在使用ui-router，这是我的状态：

.state("app.erp.accountVertical.createAccount", {
    url: "/createAccount",
    views: {
        "": {
            controller: "createAccountController as vm",
            templateUrl: "app/erp/accountVertical/account/createAccount.html"
        },
        "basic@app.erp.accountVertical.createAccount": {
            templateUrl: "app/erp/accountVertical/accountBasicInfoPanel.html"

        },
        "address@app.erp.accountVertical.createAccount": {
            templateUrl: "app/erp/accountVertical/account/accountBillToAddressPanel.html"
        }
    },
    resolve: {
        commonService: "commonService",
        dropDowns: function (commonService) {
            return {
                accountTypes: commonService.getAccountTypes(),
                countries: commonService.getCountries(),
                salesReps: commonService.getSalesReps(),
                states: commonService.getStates()
            };
        },
        loadMyFiles: function($ocLazyLoad) {
            return $ocLazyLoad.load({
                files: [
                    "app/erp/accountVertical/account/createAccountController.js"
                ]
            });
        }
    }
})

当我导航到视图时，我的销售代表下拉列表将正确填充。 但是，我的帐户类型下拉列表为空。 诺言似乎没有解决？ 这是我在console.log中看到的内容。

这是控制器：

(function () {

    "use strict";

    angular
        .module("app.accountVertical")
        .controller("createAccountController", createAccountController);

    createAccountController.$inject = [
        "$http",
        "$state",
        "$filter",
        "appSettings",
        "dropDowns"
    ];

    function createAccountController($http, $state, $filter, appSettings, dropDowns) {
        var vm = this;

        vm.account = {};
        console.log(dropDowns.accountTypes);
        vm.accountTypeOptions = dropDowns.accountTypes.data;
        vm.salesRepOptions = dropDowns.salesReps;
    }
}());

如何将数据从$ http获取到控制器中？ 谢谢。

Answer 1

这是因为您无法从.get请求返回该信息，因为它是异步调用。

这意味着将使用null或空返回值来调用该返回值，并且.get方法仍在等待自身完成。 当我在服务中使用.get时，我遇到了同样的问题。

我只需要在控制器中使用.get请求，然后使用.succes方法将响应数据分配给变量

 $http.get(serviceBase + "accountTypes"))
                .success(function(response){
                    $scope.accTypes = response.data
                })

repsonse.data是.get方法返回的是您从哪里访问所需信息的任何方式

编辑：

app.factory('myService', function($http) {
   return {
     getFooOldSchool: function(callback) {
       $http.get('foo.json').success(callback);
     }
   }
});