Angular calling service is failed! #1326

zokho created 8 years ago

Hi, I have got a service in Angular as below:

(function () {
    angular.module('app').factory('workType', ['abp.services.app.workType',
            function (workTypeService) {
                var workType = this;
                
                workType.loadWorkTypes = function () {
                    abp.ui.setBusy(
                        null,
                        workTypeService.getWorkTypeList()
                        .success(function (data) 
                            return data.workTypes;
                        })
                        .error(function (message) {
                            abp.notify.error(message);
                        })
                    );
                };

                return workType;
            }
        ]);
})();

and a controller as

(function () {
    var controllerId = 'app.views.configuration.advertisementFields';
    angular.module('app').controller(controllerId, ['workType',
        function (workTypeService) {
            var vm = this;
            vm.loadWorkTypes = function () {
                var data = workTypeService.loadWorkTypes();
            }
        }
    ]);
})();

Here is my web API code:

public GetWorkTypeListOutput GetWorkTypeList()
        {
            var workTypes = _workTypeRepository.GetAll().ToList();
            var workTypeList = new GetWorkTypeListOutput()
            {
                WorkTypes = Mapper.Map<List<WorkTypeDto>>(workTypes) 
            };

            return workTypeList;
        }

When I call the web api through the angular service defined above, the returned data is undefined! I can see that it hit the web API though. I am pretty sure I am making a mistake in line below within the controller, but do not know how to fix it:

var data = workTypeService.loadWorkTypes();

If I call the Web API directly from the controller it will work fine. but I need to call it through a service/factory.

4 Answer(s)