JSFiddle - React, Tailwind, and code Playground
HTML
<div ng-app>
<div ng-controller="httpController">
<div ng-repeat="employeeList in Employees">
<table>
<tr ng-repeat="employee in employeeList">
<td>{{employee.EmpId}}</td>
<td>{{employee.Name}}</td>
</tr>
</table>
</div>
</div>
</div>
JavaScript
function httpController($scope) {
$scope.Employees ={
"Employee": [
{
"EmpId": "1",
"Name": "Sam",
"Sex": "Male",
"Phone": [
{
"_Type": "Home",
"__text": "423-555-0124"
},
{
"_Type": "Work",
"__text": "424-555-0545"
}
],
"Address": {
"Street": "7A Cox Street",
"City": "Acampo",
"State": "CA",
"Zip": "95220",
"Country": "USA"
}
},
{
"EmpId": "2",
"Name": "Lucy",
"Sex": "Female",
"Phone": {
"_Type": "Home",
"__text": "143-555-0763"
},
"Address": {
"Street": "Jess Bay",
"City": "Alta",
"State": "CA",
"Zip": "95701",
"Country": "USA"
}
},
{
"EmpId": "3",
"Name": "Kate",
"Sex": "Female",
"Phone": [
{
"_Type": "Home",
"__text": "166-555-0231"
},
{
"_Type": "Work",
"__text": "233-555-0442"
}
],
"Address": {
"Street": "23 Boxen Street",
"City": "Milford",
"State": "CA",
"Zip": "96121",
"Country": "USA"
}
},
{
"EmpId": "4",
"Name": "Chris",
"Sex": "Male",
"Phone": [
{
"_Type": "Home",
"__text": "564-555-0122"
},
{
"_Type": "Work",
"__text": "442-555-0154"
}
],
"Address": {
"Street": "124 Kutbay",
"City": "Montara",
"State": "CA",
"Zip": "94037",
"Country": "USA"
}
}
]
}
}