---
title: "How to Bind Mixed Json data  in AngularJS"  
description: "How to Bind Mixed Json data  in AngularJS"  
author: "Anonymous User"  
published: 2016-02-25  
updated: 2016-02-25  
canonical: https://www.mindstick.com/forum/34006/how-to-bind-mixed-json-data-in-angularjs  
category: "angular js"  
tags: ["jquery", "angular js"]  
reading_time: 1 minute  

---

# How to Bind Mixed Json data  in AngularJS

We want to Bind [Mixed](https://answers.mindstick.com/qa/51952/which-country-won-the-2nd-edition-of-badminton-asia-mixed-team-championships) [Json data](https://www.mindstick.com/forum/782/how-to-send-request-amp-amp-response-from-json-data-using-asp-dot-net) in AngularJS. How to bind this [Please tell me](https://www.mindstick.com/forum/33900/please-tell-me-what-are-the-technique-to-content-optimization).

## Replies

### Reply by Anonymous User

```
@{    Layout = null;}
<!DOCTYPE html><html><head>      <title>Forum</title>    <meta name="viewport" content="width=device-width" />    <script src="~/Scripts/jquery-1.9.1.js"></script>    <script src="~/Scripts/angular.js"></script><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"            }]        }];    });
        </script>   </head>  <body ng-app="myApp" ng-controller="MyCtrl">          <table>              <tbody ng-repeat="dat in alldata">                  <tr>
                    <td colspan="3">{{dat.CompanyName}}</td>                  </tr>
                <tr>
                    <td colspan="3" align="center"><span style="font-weight:bold">Employees</span></td>                  </tr>                  <tr ng-repeat="cont in dat.Employees">                      <td colspan="3">{{ cont}}</td>                  </tr>
                <tr>
                    <td colspan="3" align="center"><span style="font-weight:bold">Awards</span></td>
                </tr>
                <tr ng-repeat="aw in dat.awards">
                    <td>{{ aw.award}}</td>
                    <td>{{ aw.year}}</td>
                    <td>{{ aw.by}}</td>
                </tr>
            </tbody>
        </table>
    </body>
</html>
```

```

```


---

Original Source: https://www.mindstick.com/forum/34006/how-to-bind-mixed-json-data-in-angularjs

Copyright © MindStick Software Pvt. Ltd. This Markdown version is provided for developers, AI systems, and offline reading.
