No Data from Service to Controller to Scope -> Result Undefined Angularjs Ionic

Question

My problem is, that the controller just send an undefiend and not the data from http of service. I inspect it with chrome. I am new at ionic. By calling the AppSqliDBFactory.getMasterdataId() method, it shows an undefiend, also at the scope variable.

.controller('ReadMasterdataCtrl', function ($scope, $state, $ionicNavBarDelegate, MasterdataService, AppSqliDBFactory){

$scope.masterdataId;
$scope.masterdataData;

AppSqliDBFactory.getMasterdataId().then( function (masterdata){
    $scope.masterdataId = masterdata[0].masterdataId;       
}).catch(function (err){
    console.log(err);
});

        //here is the error -> no data at "$scope.masterdataData = masterdata;"
        MasterdataService.getMasterdataDB($scope.masterdataId)
                .then(function (masterdata) {
                    $scope.masterdataData = masterdata;
                    console.log("getMasterdataDB respont");
                    console.log($scope.masterdataData);
                }).catch(function (err) {
            console.log(err);
        });

})

//Service
.factory('MasterdataService', function ($q, $http, SERVER_URL) {
//Create JSON Object
var srv = {};
//Array for JSON Objects
srv.masterdata = [];


srv.getMasterdataDB = function (masterdataId) {
    var deferred = $q.defer(); 

    var masterdata; 

    var masterdataId = masterdataId;

    var baseUrl = 'xxxx';



    $http.get(SERVER_URL + baseUrl + masterdataId).success(function (response){
        masterdata = response[0]; 
        console.log(masterdata);
        return deferred.resolve(masterdata);

    }).error(function (err){
        return deferred.reject(err);
    });        

    return deferred.promise;
    //return srv.getMasterdata();
};

 // Public API
return {
      getMasterdataDB: function ( masterdataId) {
        return $q.when(srv.getMasterdataDB( masterdataId));
    }
};
});

$scope.masterdataId = masterdata[0].masterdataId; is working. I am getting an value. The problem is at MasterdataService.getMasterdataDB($scope.masterdataId) — Christoph
– Christoph, Commented Sep 28, 2015 at 9:55

sp00m · Accepted Answer · 2015-09-28 10:31:00Z

1

Simplified:

AppSqliDBFactory.getMasterdataId().then(function (masterdata) {
  $scope.masterdataId = masterdata[0].masterdataId;       
});

MasterdataService.getMasterdataDB($scope.masterdataId).then(function (masterdata) {
  $scope.masterdataData = masterdata;
});

When MasterdataService.getMasterdataDB() is called, AppSqliDBFactory.getMasterdataId() may not have been resolved yet, so $scope.masterdataId can be undefined (which is probably what is happening in your case).

You have to call AppSqliDBFactory.getMasterdataId() after AppSqliDBFactory.getMasterdataId() has been resolved:

AppSqliDBFactory.getMasterdataId().then(function (masterdata) {
  $scope.masterdataId = masterdata[0].masterdataId;    
  MasterdataService.getMasterdataDB($scope.masterdataId).then(function (masterdata) {
    $scope.masterdataData = masterdata;
  });
});

Or with chaining:

AppSqliDBFactory.getMasterdataId().then(function (masterdata) {
  $scope.masterdataId = masterdata[0].masterdataId;    
  return MasterdataService.getMasterdataDB($scope.masterdataId);
}).then(function (masterdata) {
  $scope.masterdataData = masterdata;
});

answered Sep 28, 2015 at 10:31

sp00m

49k31 gold badges152 silver badges263 bronze badges

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

2 Comments

Christoph Over a year ago

Thank You, I solved the problem same way. So I am really happy for your solution.

sp00m Over a year ago

@Christoph Glad I could help, don't forget to accept it then ;)

Collectives™ on Stack Overflow

No Data from Service to Controller to Scope -> Result Undefined Angularjs Ionic

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related