Ionic Angular Closure for trying to return json data

Question

I have an Ionic application, that I'm trying to return data from inside a closure. The console is showing everything properly, but I can't seem to get the data to return properly. I've tried a few different variations with no luck.

$scope.callbackMethod = function (query) {
 //var ritems= new Array();

  var ritems;

  Inventory.search(query, $scope.currentUser.token, $scope.currentUser.user_id, function(response) {
 //console.log(JSON.stringify(response));
 if(response.success == true)
 {
    $ionicLoading.hide();
    $scope.requestmodal.hide();            
    console.log(response.items);
    ritems= response.items;    
  }
    else
  {
    $ionicLoading.hide();
    //console.log(response.message);
    return $scope.errorMessage = response.message;
   } 
  });

console.log(ritems);
return ritems;

};

and also this:

 $scope.callbackMethod = function (query) {
 //var ritems= new Array();

  var ritems =  Inventory.search(query, $scope.currentUser.token, $scope.currentUser.user_id, function(response) {
     //console.log(JSON.stringify(response));
     if(response.success == true)
     {
        $ionicLoading.hide();
        $scope.requestmodal.hide();

        console.log(response.items);
        return response.items;

      }
        else
      {
         $ionicLoading.hide();
         //console.log(response.message);
         return $scope.errorMessage = response.message;
       } 
    });

console.log(ritems);
return ritems;

};

the json that is returned to the script is:

{"success":true,"items":[{"id":"1","0":"1","name":"Product 1","1":"Product 1","ref_id":"","2":""},{"id":"2","0":"2","name":"Product 2","1":"Product 2","ref_id":"","2":""}],"message":""}

Any thoughts? Much appreciated!!

You are getting undefined for both the cases because it is an asynchrounous call and the console.log runs before the response actuallly comes — Mohit
– Mohit, Commented Jun 23, 2015 at 16:32

Mohit · Accepted Answer · 2015-06-23 19:04:30Z

1

You can follow this approach to solve your problem

var cbm = function (query) {
  var defer = $q.defer();
  Inventory.search(query, $scope.currentUser.token,$scope.currentUser.user_id, function(response) {
  if(response.success == true)
  {
    $ionicLoading.hide();
    $scope.requestmodal.hide();            
    defer.resolve(response.items) ;   
  }
  else
  {
    $ionicLoading.hide();
    defer.reject(response.message);
  } 
});
 return defer.promise;
};

and while calling you can then call your callbackMethod like

$scope.callbackMethod = function (query){ 
   return cbm(query).then(function(data){ return data;}); 
}

edited Jun 23, 2015 at 19:04

answered Jun 23, 2015 at 16:39

Mohit

5592 silver badges8 bronze badges

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

8 Comments

Ryan Over a year ago

Testing it now. Am I on the right track?: $scope.cbm= function (query) { var ritems; var defer = $q.defer(); Inventory.search(query, $scope.currentUser.token,$scope.currentUser.user_id, function(response) { if(response.success == true) { $ionicLoading.hide(); $scope.requestmodal.hide(); defer.resolve(response.items) ; } else { $ionicLoading.hide(); defer.reject(response.message); } }); return defer.promise; }; $scope.callbackMethod = cbm.then(function(data){ $scope.data = data });

Mohit Over a year ago

It should work.but,where is it this "callbackMethod" called?

Ryan Over a year ago

$scope.callbackMethod should be the call for it

Mohit Over a year ago

yeah..I'm asking where do you use it in html?

Ryan Over a year ago

this is placed in the controller for the angular script, but on the front-end <ion-autocomplete ng-model="requestdata.addeditem" value="" items-method="callbackMethod(query)" item-view-value-key="name" item-value-key="id" placeholder="Select An Item"/>

|

Collectives™ on Stack Overflow

Ionic Angular Closure for trying to return json data

1 Answer 1

8 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

8 Comments

Your Answer

Sign up or log in

Post as a guest

Related