How to Bind Mixed Json data in AngularJS

Anonymous User 2031 25 Feb 2016

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

Anonymous User

Other

I am a content writter !

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>

forum

How to Bind Mixed Json data in AngularJS

Can you answer this question?

1 Answers