How getting the ErrorMessage from Service in AngularJS?

Question

I don't know how I access the error message from the service. I'm using WebAPI2 and AngularJS.

Controller:

testApp.controller('ModalCtrl', ['$log', '$scope', '$modalInstance', '$rootScope', 'CrudService',
    function ($log, $scope, $modalInstance, $rootScope, CrudService) {
    $scope.updateItem = function (updateItem) {
       CrudService.update(updateItem)
          .success(...)
          .error(function (data) { //doesn't work: CrudService.update(...) is undefined
              $scope.dataError = data.ModelState 
          });
       $scope.ok();
    }

Service:

testApp.factory('CrudService', ['$log', 'resService',
    function ($log, resService) {
    return {
       ...
       update: function (updateItem) {
          updateItem.$update().then(function (response) {
              //SUCCESS MESSAGE definieren
          }, function (response) {
              $log.info('Update ERR:', response.data.ModelState); //Here I'm getting the error messages
              var dataError = []; 
              dataError = response.data.ModelState; //How can I use this in the Ctrl?
          });
       },
    ...

Resource service:

return {
   name: $resource(baseUrl + '/api/name/:Id', {
      Id: '@Id'
   }, {
      'update': {
         method: 'PUT'
      }
   }),

I want to use the variable "dataError" as $scope in the Ctrl. How can I do this?

@gr3g This doesn't work. I've tried it before.

yuro
– yuro

2015-07-06 11:02:16 +00:00
Commented Jul 6, 2015 at 11:02 — yuro
– yuro, Commented Jul 6, 2015 at 11:02

gr3g · Accepted Answer · 2015-07-06 12:34:16Z

1

return {
   ...
   update: function (updateItem) {
      return updateItem.$update();
   },

$scope.updateItem = function (updateItem) {
   CrudService.update(updateItem).then(
      function(resp){

      },
      function(error){
        $scope.dataError = error.data.ModelState;
     }

   );
}

UPDATE

Factory (unlike service) isn't returning something automatically.
You need to return like that. (or return your function wich contains another return)

testApp.factory('CrudService', ['$log', 'resService',
    return {
       ...
       update: function (updateItem) {
          updateItem.$update().then(function (response) {
              //SUCCESS MESSAGE definieren
          }, function (response) {
              $log.info('Update ERR:', response.data.ModelState); //Here I'm getting the error messages
              var dataError = []; 
              dataError = response.data.ModelState; //How can I use this in the Ctrl?
          });
       },
    ...

edited Jul 6, 2015 at 12:34

answered Jul 6, 2015 at 11:08

gr3g

2,9145 gold badges32 silver badges52 bronze badges

Sign up to request clarification or add additional context in comments.

10 Comments

gr3g Over a year ago

I'm not 100% sure, but if you want the response of your promise, you should return your promise to have it in your controller. Afther that you'll be able to handle cases and display them

yuro Over a year ago

This I've also tried before and it doesn't solved the problem.

yuro Over a year ago

How can I define this? I mean CrudService is injected in my Ctrl

gr3g Over a year ago

Copy paste more code, I can't find the solution here

yuro Over a year ago

I've modified my post. I think that's all what is necessary.

|

Collectives™ on Stack Overflow

How getting the ErrorMessage from Service in AngularJS?

1 Answer 1

10 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

10 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related