forum

Home / DeveloperSection / Forums / How to Bind Mixed Json data in AngularJS

Ask Question

How to Bind Mixed Json data in AngularJS

Anonymous User166425-Feb-2016
We want to Bind Mixed Json data  in AngularJS. How to bind this Please tell me.
angular jsjquery angular js 
Updated on 25-Feb-2016
Anonymous User

Anonymous User

Follow
I am a content writter !

Can you answer this question?

Answer

1 Answers

Anonymous User

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>
answer 415872502101507

Liked By