JSFiddle - React, Tailwind, and code Playground

by Sajeetharan Sinnathurai

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 = [{
			"Address" : "2013-W45",
			"orders" : [{
					"address" : "1",
					"templateDay" : "Monday",
					"orders" : [{
							"name" : "Wakeup",
							"jobs" : [{
									"name" : "prepare breakfast",

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

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

								}
							]
						}
					]
				}
			]
		}
	];

}]);