How to Bind Mixed Json data in AngularJS

Anonymous User 2174 25 Feb 2016

We want to Bind Mixed Json data in AngularJS. How to bind this Please tell me.

1 Answers

Anonymous User 25 Feb 2016

@{
    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>

Markdown for AI

A clean, structured version of this page for AI assistants and LLMs.

Open .md

forum

How to Bind Mixed Json data in AngularJS

Can you answer this question?

1 Answers