Home > DeveloperSection > Forums > How to Bind Mixed Json data in AngularJS
Ankit Singh

Total Post:341

Posted on    February-25-2016 10:13 PM

 Angular JS JQuery  Angular JS 

 1 Reply(s)
 314  View(s)
Rate this:
We want to Bind Mixed Json data  in AngularJS. How to bind this Please tell me.

aditya kumar Patel

Total Post:250

Posted on    February-25-2016 10:15 PM


Layout = null;


<!DOCTYPE html>




<meta name="viewport" content="width=device-width" />

<script src="~/Scripts/jquery-1.9.1.js"></script>

<script src="~/Scripts/angular.js"></script>


var app = angular.module("myApp", []);

app.controller('MyCtrl', function ($scope) {

$scope.alldata = [


"CompanyName":"Software Pvt Ltd",

"Employees": ["Johan Kumar", "Anupam Singh", "Surekha Pal", "Maya Koni"],

"awards": [


"award": "Gold Partner",

"year": 2000,

"by": "Microsoft"



"award": "Gold Partner",

"year": 2001,

"by": "IBM"






<body ng-app="myApp" ng-controller="MyCtrl">


<tbody ng-repeat="dat in alldata">


<td colspan="3">{{dat.CompanyName}}</td>



<td colspan="3" align="center"><span style="font-weight:bold">Employees</span></td>


<tr ng-repeat="cont in dat.Employees">

<td colspan="3">{{ cont}}</td>



<td colspan="3" align="center"><span style="font-weight:bold">Awards</span></td>


<tr ng-repeat="aw in dat.awards">

<td>{{ aw.award}}</td>

<td>{{ aw.year}}</td>

<td>{{ aw.by}}</td>






Don't want to miss updates? Please click the below button!

Follow MindStick