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が正しく提案しています。 正常に動作します。