Response data in values to use in view (AngularJS)

Question

The following service are invoked in the controller:

//Controller
$scope.groups = CrudService.getAllGroups();

This service returns all groups from the database. So next, as shown below, the service code:

//Service (CrudService)
function getAllGroups() {
  return ResService.group.query(
      successResponse,
      errorResponse);
}

function successResponse(resp) {
    return resp;
}

/*This part doesn't work*/
function errorResponse(error) {
    return function (err) {
        $scope.msgError = false;
        $scope.errStatus = err.status;
        $scope.statusText = err.statusText;
        $scope.errMsgDetail = err.data.MessageDetail;
    };
}
/**************************/

//Nested Service (ResService)
return {
   group: $resource(baseUrl + '/api/group/:Id', {
      Id: '@Id'
   }, {}),
}

How you can see in the service code, the error response won't invoked in the view. I'm using the error messages from the response header respectively the backend. If the request failed then the alert box have to displayed as the following code demonstrates:

<div>
   <alert ng-hide="msgError" type="alert alert-danger" close="closeAlert()">
       <p><b>{{ statusTitle }}</b>: <i>{{ errStatus }} - {{ statusText }}</i></p>
       <p><strong>{{ msgTitle }}</strong>: <i>{{ errMsgDetail }}</i> <i>{{ msgException }}</i></p>
   </alert>
</div>

Do anyone has an idea how I can access or correctly define the values in the errorResponse function? Or, is it possible to declare in the service query at all?

Florian Gl · Accepted Answer · 2015-10-06 14:15:45Z

1

When the error function is called it does nothing but return another error function. Another problem is that it doesn't know the variable $scope in its context, so you have to pass it:

$scope.groups = CrudService.getAllGroups($scope);

function getAllGroups($scope) {
  return ResService.group.query(
      successResponse,
      errorResponse($scope));
}

function errorResponse($scope) {
    return function(error) {
        $scope.msgError = false;
        $scope.errStatus = error.status;
        $scope.statusText = error.statusText;
        $scope.errMsgDetail = error.data.MessageDetail;
    }
}

Also there was a typo, you wrote err., but it should be error..

edited Oct 6, 2015 at 14:15

answered Oct 6, 2015 at 14:09

Florian Gl

6,0142 gold badges19 silver badges30 bronze badges

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

1 Comment

yuro Over a year ago

thanks.. the correct solution was to send the $scope. thaaaanks!

Mike Feltman · Accepted Answer · 2015-10-06 14:09:12Z

0

You're passing the object in to a parameter named error, but then you're referencing it as err. It's just a typo.

/*This part doesn't work*/
function errorResponse(error) {
   return function (error) {
      $scope.msgError = false;
      $scope.errStatus = err.status;
      $scope.statusText = err.statusText;
      $scope.errMsgDetail = err.data.MessageDetail;
 };

}

Should be: /This part doesn't work/ function errorResponse(error) { return function (error) { $scope.msgError = false; $scope.errStatus = error.status; $scope.statusText = error.statusText; $scope.errMsgDetail = error.data.MessageDetail; }; }

answered Oct 6, 2015 at 14:09

Mike Feltman

5,1721 gold badge19 silver badges39 bronze badges

Collectives™ on Stack Overflow

Response data in values to use in view (AngularJS)

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related