使AngularJS与AWS DynamoDB一起使用

Jared Whipple 发表于 Dev

贾里德·惠普尔

我能够从DynamoDB收集数据，但是当我尝试将数据传递给具有AngularJS服务的控制器时，我得到了TypeError未定义。

// 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
      }


    }
  }
});

我还可以手动创建一个对象，该对象在功能上等同于我从DynamoDB中提取的对象，并且我的工作正常。

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;
}

我如何从DynamoDB获取数据以传递表名称：ximoRepList

梅森·米兹（Mason Mize）

在您Angular Service将使用的情况下couchDb API，我建议使用Angular $q promise chain logic。这有助于提供无缝绑定解决方案，也有助于以后解决UX问题。

尝试类似的事情。

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;
            }
        }
    });