AngularJS ng-repeat一个对象

Question

我得到一个对象作为范围。该对象如下所示：

我的控制器看起来像这样：

    module.controller('ActiveController', ['$scope','$http',
      function($scope, $http) {
        $http({
              method: 'GET',
              url: 'http://localhost:8000/api/order/?format=json'
            }).then(function successCallback(response) {

                console.log("OK Respone");
                console.log(response.data);
                $scope.orders = response.data;
              }, function errorCallback(response) {

                console.log("NO Response");
        });
 }]);

在浏览器控制台中，对象如下所示：

我想帮助循环并在.html文件中显示整个对象。我目前无效的代码目前看起来像这样：

<div ng-controller="ActiveController">
<div ng-repeat="order in orders">
    <p>{{ order.id }}</p>
    <p>{{ order.created }}</p>     
</div>
</div>

我认为我不需要显示我的“主要”.html文件，因此我不会发布它。

Answer 1

问题出在控制器中。尝试在objects

中保存$scope.orders

$scope.orders = response.data.objects;

Answer 2

您也可以在视图和控制器中解决此问题：

在视图中：

<div ng-controller="ActiveController">
  <div ng-repeat="order in orders.objects"> <!-- note the orders.objects -->
    <p>{{ order.id }}</p>
    <p>{{ order.created }}</p>     
  </div>
</div>

在控制器中

$scope.orders = response.data.objects;

正如@ddepablo正确建议的那样。 它会正常工作。