AngularJS ng-wiederhole ein Objekt

Question

Ich bekomme ein Objekt als das Zielfernrohr. Das Objekt sieht wie folgt aus:

Und mein Controller sieht wie folgt aus:

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

im Browser-Konsole sieht das Objekt wie folgt:

Ich möchte einige helfen, das Objekt in der .html-Datei vollständig zu loopen und anzuzeigen. Meine aktuellen Code, der nicht zur Zeit funktioniert, die wie folgt aus:

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

Ich glaube nicht, ich brauche meine „main“ HTML-Datei zu zeigen, so dass ich bin Entsendung es nicht.

Answer 1

Das Problem liegt in der Steuerung. Versuchen Speichern objects in $scope.orders

$scope.orders = response.data.objects; 

Answer 2

Sie können dieses Problem beheben in der Ansicht und den Controller als auch:

In Darstellung als:

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

In Controller als

$scope.orders = response.data.objects; 

Wie von @ddepablo richtig vorgeschlagen. Es wird gut funktionieren.