JSFiddle - React, Tailwind, and code Playground
by Shashank D
HTML
<div ng-app="app" ng-controller="test">
<div id="Div1" ng-repeat="item in allItems" >
<div id="Div2" ng-repeat="emp in item.Employee">
<div id="Div3">
<font color="white">{{emp.EmpName}}</font>
</div>
</div>
</div>
</div>
JavaScript
var app = angular.module('app', []);
app.controller('test', function($scope){
$scope.allItems = [{
"categoryId": 1,
"categoryName": "abc",
"Employee": [{
"EmpId": 1,
"EmpName": "Raj",
"EmpJob": "Accounts",
"DataList": [{
"year": "Oct-2015",
"salary": "244"
},
{
"year": "Jul-2015",
"salary": "100"
},
{
"year": "Jun-2015",
"salary": "117"
}]
},
{
"EmpId": 2,
"EmpName": "sai",
"EmpJob": "Accounts",
"DataList": [{
"year": "Oct-2015",
"salary": "244"
},
{
"year": "Jul-2015",
"salary": "100"
},
{
"year": "Jun-2015",
"salary": "117"
}]
}]
},
{
"categoryId": 2,
"categoryName": "xyz",
"Employee": [{
"EmpId": 1,
"EmpName": "Sita",
"EmpJob": "Software Engineer",
"DataList": [{
"year": "Oct-2015",
"salary": "244"
},
{
"year": "Jul-2015",
"salary": "100"
},
{
"year": "Jun-2015",
"salary": "117"
}]
},
{
"EmpId": 2,
"EmpName": "sathya",
"EmpJob": "Accounts",
"DataList": [{
"year": "Oct-2015",
"salary": "244"
},
{
"year": "Jul-2015",
"salary": "100"
},
{
"year": "Jun-2015",
"salary": "117"
}]
}]
}];
});