AngularJS 在 $scope 数组上使用 ng-repeat

Question

我有一个控制器，它通过 Parse 成功检索对象并将其推送到数组中：

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

mySite.controller('listConnectors', ['$scope',
    function ($scope) {
        //Parse.initialize here;
        $scope.array = [];
        var TestObject = Parse.Object.extend("TestObject");
        var query = new Parse.Query(TestObject);
        query.find({
            success: function (results) {
                alert("Successfully retrieved " + results.length + " rows.");
                // Do something with the returned Parse.Object values
                for (var i = 0; i < results.length; i++) {
                    var object = results[i];
                    alert(object.id + ' - ' + object.get('foo') + " " + object.get('num'));

                    /***** Pushing onto array here *******/
                    $scope.array.push(object);

                }

                console.log($scope.array[0].attributes.foo); //Grabbed what was needed

            },
            error: function (error) {
                alert("Error: " + error.code + " " + error.message);
            }
        });
}]);

然后，我尝试循环并列出数组中每个对象的“foo”值，但没有成功，如上面的 console.log 所示。但是，什么都没有输出。好像可能没有执行或输入 ng-repeat：

    <li ng-repeat="eachElement in array">
    <a > {{eachElement.attributes.foo}}</a>
    </li>

任何帮助将不胜感激。谢谢！

Answer 1

我能够修复它。感谢 Jonathan Lonowski 的评论和链接。

我不得不用 $apply 将 push 包装到数组中：

$scope.$apply(function(){
  $scope.array.push(object);
});

Answer 2

警报语句中的代码和 ng-repeat 指令中的代码不匹配。您的警报访问“x.id”，而您的 dom 绑定访问“x.attributes.id”。

如果您的警报显示预期结果，则应按如下方式更改 HTML：

<li ng-repeat="eachElement in array">
<a > {{eachElement.id}}</a>
</li>