JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE html>
<html ng-app="WeeklyApp">
<head>
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.0-rc.3/angular.js"></script>
    <script>
angular.module('WeeklyApp', []);

var WeeklyController = 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",

								}
							]
						}
					]
				}
			]
		}
	];

};
	</script>
</head>

<body ng-controller="WeeklyController" >
	<p ng-repeat="week in myData">
	
		DEBUG1 week = {{week}} <br/><br/>
		DEBUG2 number = {{week.number}} <br/><br/>
		DEBUG3 week.days = {{week.days}} <br/><br/>
		DEBUG4 week.days[0] = {{week.days[0]}} <br/><br/>
		DEBUG5 week.days[1] = {{week.days[1]}} <br/><br/>
		
		<p ng-repeat="day in week.days">
			DEBUG6 day = {{day}} <br/><br/>
			{{day.dow}} - {{day.templateDay}} <br/><br/>
			<b>Jobs:</b><br/> 
			
			<ul>
				<li ng-repeat="job in day.jobs">
					DEBUG7 job = {{job}}<br/><br/>
					{{job.name}}  <br/>
				</li>
			</ul>
		</p>
	</p>

</body>
</html>