Promise not returning

Question

I have a promise that I thought should work, but isn't. The server returns a 200 and the javascript receives the data with no errors being generated, but the scope in the view is not updated. I'm not sure what's wrong as I'm still new to Angular promises. Any help would be great. Thanks.

I have a service that has two methods handles the http callback...

this.addresses = [];

this.getAddresses = function() {
  var deferred = $q.defer();

  addresses = [];

  $http({
    method: "GET",
    url: '/list_addresses'
  }).success(function(data, status, headers, config) {

      for (x = 0; x < data[':addresses'].length; x++) {
        address = {};

        address['balance'] = data[':addresses'][x][':balance'];

        address['address'] = data[':addresses'][x][':address'];

        address['label'] = data[':addresses'][x][':label'];

        address['total_received'] = data[':addresses'][x][':total_received'];

        addresses.push(address);
      }
      deferred.resolve(addresses);
    }).error(function(data, status, headers, config) {

      console.log(data)

    });

  return deferred.promise;
};

this.loadAccount = function() {
  this.getAddresses()
    .then(
     function(result){
       this.addresses = result;
  }, function(error){
       // error
  }, function(percentComplete){
  });
};

Now in my controller that has the above service injected in it

$scope.awesomeServiceIcreated = awesomeServiceIcreated;

$scope.loadAccount = function() {
  AwesomeServiceICreated.loadAccount();
};

$scope.$watch('awesomeServiceIcreated.addresses', function(newValue) {
  $scope.addresses = newValue;
});

In my views

<button ng-click="loadAccount()">Click me</button>

<div>{{addresses}}</div>

score 1 · Accepted Answer · edited May 23 '17 at 12:11

1

Check this question: "this" inside an anonymous function?

this keyword loses it's context inside an asynchronous callback.

Inside the asynchronous callback console.log(this === window) // true

Solution:

this.loadAccount = function() {
  var _this = this;
  this.getAddresses()
    .then(
     function(result){
       _this.addresses = result;
  }, function(error){
       // error
  }, function(percentComplete){
  });
};

edited May 23 '17 at 12:11

Community

1
1

answered Jan 20 '14 at 00:52

Ilan Frumer

32,059
8
70
84

Ahh.. that is in the code already. I must have forgot to put it in my question. Sorry. – thank_you Jan 20 '14 at 00:59
Odd, `result.data` returns as `undefined` in the console for me. However `result` has the appropriate data I need. – thank_you Jan 20 '14 at 01:21
You are right, I was confused between $http promise and $q promise resolve. I updated my answer again. – Ilan Frumer Jan 20 '14 at 01:44

Promise not returning

1 Answers1

Solution: