angularjs template examle

by Mi Ku

HTML

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.0-rc.3/angular.js"></script>
<body ng-app="WeeklyApp" ng-controller="WeeklyController">
    <div ng-repeat="week in myData">
        <div ng-repeat="day in week.days">{{day.dow}} - {{day.templateDay}} <b>Jobs:</b>
            <br/>
            <ul>
                <li ng-repeat="job in day.jobs">{{job.name}}</li>
            </ul>
        </div>
    </div>
</body>

JavaScript

var WeeklyApp = angular.module('WeeklyApp', []);

WeeklyApp.controller('WeeklyController', ['$scope', function ($scope) {
    $scope.myData = [{
        "number": "2013-W45",
            "days": [{
            "dow": "1",
                "templateDay": "Monday",
                "jobs": [{
                "name": "Wakeup",
                    "jobs": [{
                    "name": "prepare breakfast"

                }]
            }, {
                "name": "work 9-5"

            }]
        }, {
            "dow": "2",
                "templateDay": "Tuesday",
                "jobs": [{
                "name": "Wakeup",
                    "jobs": [{
                    "name": "prepare breakfast"

                }]
            }]
        }]
    }];

}]);