javascript - Angular 和 ParseSDK Javascript CRUD 操作

Question

我正在创建一个服务来获取在行“name”中保存为“FirstName”的值，当保存正常时，我在数据库中拥有这些值，但是当我尝试获取此值时，我有这样的内容:

人员:

-

列表中的所有值都是空的，但我不知道为什么会发生这种情况(如果这是 Controller 或服务中的问题)。

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

Answer 1

您应该从 parse.com 调用的成功回调函数中设置 $scope.people 值。

代码

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