Getting AngularJS to work with AWS DynamoDB

Question

I am able to gather data just fine from DynamoDB, but I am getting a TypeError undefined when I try to pass the data to a controller with an AngularJS service.

// Query for Replicated Site Using Name
coachdb.query(param, function(err,data) {
  if (err) {
    console.log(err, err.stack); // an error occurred
  } else {
    if (data.Items.length > 0) {
      //console.log(data); // THIS IS LOGGING DATA

            var x = (data);
            var y = x.Items[0];
            console.log(x.Items[0]); // THIS LOGS DATA
            console.log(y);          // THIS LOGS THE SAME DATA

            this.coach = function() {
                return y;              // THIS SEEMS TO BE WHERE MY ERROR IS COMMING FROM.
            }

      if ("firstName" in x.Items[0]) {
        var firstName = x.Items[0].firstName.S;
        alert(firstName); // THIS PRODUCES AN ALERT THAT WORKS
      }


    }
  }
});

I can also manually create an Object, which is functially equivalent to what i'm pulling from DynamoDB and I that works just fine.

var nestObject = { 
  "company": { "S" : "ACME"},
  "email" : {"S" : "[email protected]"},
  "firstName" : {"S" : "Jared"},
  "lastName" : {"S" : "Whipple"},
  "phone" : {"S" : "435.494.3333"},
  "repNum" : {"N" : 12164}
};

this.coach = function() {
  return nestObject;
}

How can I get data from DynamoDB to pass Table Name: ximoRepList

does this have anything to do with dynamodb or couchdb? what is coachdb?? — TimoSolo
– TimoSolo, Commented Sep 9, 2016 at 13:41

Mason Mize · Accepted Answer · 2015-04-03 00:56:02Z

1

In your Angular Service that you will be using the couchDb API, I would recommend using Angular $q promise chain logic. This helps with a seamless binding solution, helps for UX concerns later as well.

Try something similar to this.

angular.module('MyApp', [])
    .controller('MyController', function($scope, MyService) {
        $scope.someDataFromCouchDb = MyService.getSomeData();
    })
    .factory('MyService', function($q) {
        return {
            getSomeData: function() {
                var deferred = $q.defer();

                couchdb.query(param, function(err, data) {
                    if (err) {
                        console.log(err, err.stack);

                        deferred.reject(err);
                    } else {
                        if (data.Items.length > 0) {
                            console.log(data);

                            // return the data
                            // you could also pre-process it before you return it
                            deferred.resolve(data);
                        }
                    }
                });

                return deferred.promise;
            }
        }
    });

answered Apr 3, 2015 at 0:56

Mason Mize

2111 silver badge5 bronze badges

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

1 Comment

Jared Whipple Over a year ago

That worked. The data is now being pulled into the controller. How do you work with states in Angular?

Collectives™ on Stack Overflow

Getting AngularJS to work with AWS DynamoDB

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related