Break Up JSON Response in Multiple Arrays - json

Question

I am trying to break up this json response into multiple arrays that I can access on the front end. I've got a json response such as:
{
"clients": [
{
"id": "2",
"f_name": "test",
"l_name": "test",
"email": "test#test.com",
"company_name": "asd",
"street": "asd",
"city": "asd",
"state": "asd",
"zip": "54913",
"identity_id": "6",
"admin_id": "1",
"created_at": "2015-01-22 22:55:38",
"updated_at": "2015-02-04 04:03:13"
},
{
"id": "3",
"f_name": "dsf",
"l_name": "df",
"email": "sdf#sd.com",
"company_name": "asdf",
"street": "sdf",
"city": "asdf",
"state": "asdf",
"zip": "asdf",
"identity_id": "6",
"admin_id": "1",
"created_at": "2015-01-23 17:49:51",
"updated_at": "2015-01-23 17:49:51"
}
],
"identity": {
"id": "6",
"name": "Test Company",
"street": "13 Street",
"city": "An",
"state": "State",
"zip": "54913",
"admin_id": "1",
"created_at": "2015-01-17 15:34:12",
"updated_at": "2015-02-04 03:43:40",
"image": "https:\/\/s3_whatever",
"phone": "",
"email": "",
"paypal": "whatever_whatever.com"
}
}
I would like to have 'clients' put into $scope.clients and identity put into $scope.identity
Here is my code:
var app = angular.module("myApp", []);
app.controller("TestController", function ($scope, $http) {
$http.get('http://localhost:8000/clients/json').success(function(clients) {
$scope.clients = clients.clients;
$scope.identity = clients.identity;
});
});
Here is the front end code:
<div ng-app="myApp">
<div ng-controller="TestController">
<ul>
<li ng-repeat="client in clients">
{{ client.email }}
</li>
</ul>
</div>
<h1>
{{ identity }}
</h1>
</div>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.12/angular.min.js"> </script>
<script src='/js/app.js'></script>

Answer 1

Your closing out your controller and making identity out of scope
<div ng-app="myApp">
<div ng-controller="TestController">
<ul>
<li ng-repeat="client in clients">
{{ client.email }}
</li>
</ul>
</div><!--END OF TEST CONTROLLER AND $Scope FOR THAT CONTROLLER -->
<h1>
{{ identity }}
</h1>
</div>
to fix it just move your h1 into the controller div
<div ng-app="myApp">
<div ng-controller="TestController">
<ul>
<li ng-repeat="client in clients">
{{ client.email }}
</li>
</ul>
<h1>{{ identity }}</h1>
</div><!-- end of TestController -->
</div><!-- end of myApp -->