Skip to content

Instantly share code, notes, and snippets.

@ctmcquilkin

ctmcquilkin/Nested_ng-repeats

Last active August 3, 2016 14:24
Show Gist options
  • Save ctmcquilkin/6fdd12852e59ae94e98597a0034e61d0 to your computer and use it in GitHub Desktop.
Save ctmcquilkin/6fdd12852e59ae94e98597a0034e61d0 to your computer and use it in GitHub Desktop.
Download ZIP
An example of how to get data out of an elaborate JSON file from SO: http://stackoverflow.com/questions/19839743/nested-ng-repeat
Raw
Nested_ng-repeats
<!DOCTYPE html>
<html lang="en" ng-app="root">
<head>
<title>Crazy nested ng-repeat example</title>
</head>
<body ng-controller="repeatCtrl">
<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>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.0/angular.js"></script>
</body>
<script>
var nestedRepeats = angular.module('root', [])
.controller("repeatCtrl", ['$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",
}
]
}
]
}
]
}
]
}]);
</script>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment