angularjs ng repeat using json object

Angularjs ng-repeat using JSON object

<!doctype html>
<html ng-app="myapp">
<head>
    <meta charset="utf-8">
    <script src="http://code.angularjs.org/1.1.4/angular.js"></script>
    <script>
        var app = angular.module('myapp', []);

        app.controller('myController', function ($scope) {
            var json = {
                "employees": [{
                    "title": "SE",
                    "description": "This is a hard worker",
                    "weeks": [{
                        "id": 001,
                        "title": "1st Week"
                    }]
                }, {
                    "title": "SR. SE",
                    "description": "This is smart worker",
                    "weeks": [{
                        "id": 002,
                        "title": "2nd Week"
                    }, {
                        "id": 003,
                        "title": "3rd Week"
                    }]
                }, {
                    "title": "Tech Lead",
                    "description": "This is both hard and smart worker",
                    "weeks": [{
                        "id": 004,
                        "title": "4th Week"
                    }, {
                        "id": 005,
                        "title": "5th Week"
                    }]
                }]
            };

            $scope.myscope = json;
        });
    </script>
</head>
<body ng-controller="myController">
    <div ng-repeat="emp in myscope.employees">
        <h3>{{ emp.title }}</h3>
        <p>{{ emp.description }}</p>
        <div ng-repeat="week in emp.weeks">
            {{ week.title }}
        </div>
    </div>
</body>

</html>
ANIL SINGH

Anil Singh is an author, tech blogger, and software programmer. Book writing, tech blogging is something do extra and Anil love doing it. For more detail, kindly refer to this link..

My Tech Blog - https://www.code-sample.com/
My Books - Book 1 and Book 2

www.code-sample.com/. Powered by Blogger.
^