使用angularJS和parse检索数据

Question

我正在尝试使用angularJS和parse.com的离子框架创建一个应用程序。我想从parse.com获取数据到我的应用程序，所以我使用代码。

var Category = Parse.Object.extend("category");
var query = new Parse.Query(Category);
query.find({
  success: function(results) {
    $scope.category = results;
  },
  error: function(error) {
    alert("Error: " + error.code + " " + error.message);
  }
});

并在HTML页面中添加

<a ng-repeat="cat in category" nav-clear menu-close class="item" href="#/app/board/{{cat.id}}">
                {{cat.name_en}}
            </a>

重复我的数据。

结果数据

        [{"name_en":"property","name_th":"บ้าน/อพาร์ทเม้นท์","objectId":"tomiG6VzCd","createdAt":"2014-08-18T08:32:13.956Z","updatedAt":"2014-08-18T08:32:19.617Z"},{"name_en":"jobs","name_th":"หางาน/จ้างงาน","objectId":"9Aop8vzn6l","createdAt":"2014-08-18T08:32:32.792Z","updatedAt":"2014-08-18T08:32:36.485Z"},{"name_en":"motors","name_th":"ซื้อ/ขายรถยนต์","objectId":"vLwjhWVJOm","createdAt":"2014-08-18T08:32:55.475Z","updatedAt":"2014-08-18T08:32:58.610Z"},{"name_en":"other","name_th":"อื่นๆ","objectId":"6xVpnrSMrW","createdAt":"2014-08-18T08:33:08.178Z","updatedAt":"2014-08-18T08:33:13.453Z"}]

但是当我使用该应用程序时，似乎信息未显示在列表中，因此我的应用程序显示为此图片。

和他们一样，看看parse.com有多少行，但他们无法在列表中显示name_en。

任何解决此问题的建议。

谢谢。

Answer 1

成功和错误回调在Parse库的上下文中执行，因此Angular不会意识到$scope.category上的更改。尝试使用$scope.$apply让Angular了解更改：

success: function(results) {
    $scope.$apply(function () {
        $scope.category = results;
    });
},

Answer 2

在你的Html中，而不是

{{cat.name_en}}

把

{{cat.get('name_en')}}