Upon receiving an object as the scope, which has the following structure: https://i.sstatic.net/hiBaw.png
The controller function is defined as follows:
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");
});
}]);
When viewed in the browser console, the object appears like this:
https://i.sstatic.net/OR1AH.png
I am seeking assistance with looping through and displaying the entire object within the .html file. The current code that is not functioning as intended is as follows:
<div ng-controller="ActiveController">
<div ng-repeat="order in orders">
<p>{{ order.id }}</p>
<p>{{ order.created }}</p>
</div>
</div>
I have omitted showing my "main" .html file for brevity.