Angular and ParseSDK Javascript CRUD operations

Question

I am creating a service to get the values saved as "FirstName" in a Row "name", when save is ok i have the values in the database, but when i try to get this values i have something like this:

people:

-

All the values in the list empty but i don't know why this happen if it is a problem in the controller or in the service.

<script src="https://www.parsecdn.com/js/parse-1.3.2.min.js"></script>
<div ng-app="app">
  <ul ng-controller="MyCtrl">
    people
    <li ng-repeat="person in people">{{person}}</li>
  </ul>
</div>

<script type="text/javascript">
Parse.initialize("key", "key");
var People = Parse.Object.extend("People");
var peoples= new People();
peoples.set("name", "FirstName");

peoples.save(null),{
    success:function(peoples){
        peoples.save();
    }
}


var app = angular.module('app', []);

app.controller("MyCtrl", ["$scope", "PeopleService", function($scope, PeopleService){
  $scope.people = PeopleService.getPeople();
}]);

app.service("PeopleService", function($q){
  var people = null;

  return {
  getPeople: function(){
          var deferred = $q.defer();
          people = [];
          var queryObject = new Parse.Query(People);
          queryObject.find({
            success: function (results) {
              for (var i = 0; i < results.length; i++) {
                var result = results[i];
                people.push(result.get("name"));
              }
              deferred.resolve(people);
            },
            error: function (error) {
              deferred.reject(error);
            }
          });
          return deferred.promise;
        }
  }
});
</script>

Pankaj Parkar · Accepted Answer · 2015-08-13 20:01:08Z

1

You should set the $scope.people value from the success callback function of parse.com call.

Code

app.controller("MyCtrl", ["$scope", "PeopleService", function($scope, PeopleService){
  PeopleService.getPeople().then(function(data){ //success fn
     $scope.people = data
  },function(data){ //error fn
     $scope.people = data
  });
}]);

answered Aug 13, 2015 at 20:01

Pankaj Parkar

136k23 gold badges241 silver badges307 bronze badges

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

3 Comments

Camilo Rincon Over a year ago

after set the $scope.people with the code , i am having this error. Error: [ngRepeat:dupes]

Pankaj Parkar Over a year ago

@alsuelo use track by $index inside ng-repeat like <li ng-repeat="person in people">{{person}}</li>

Camilo Rincon Over a year ago

works perfect, i want to ask you if you know how to create a service to save, edit and delete. I'll really appreciate it.

Collectives™ on Stack Overflow

Angular and ParseSDK Javascript CRUD operations

people:

-

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

people:

-

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related