Angular: Empty Fiddle

http://angularjs.org/

HTML

<script src="http://code.angularjs.org/angular-1.0.1.js"></script>
<div ng-controller="MyCtrl">
  <ul>
      <li ng-repeat="workout in workoutslist">{{workout.workoutName}}
          
          <ul>
              <li ng-repeat="exercise in workout.exercises">
                  <strong>{{exercise.exerciseName}}</strong>
                  {{exercise.exerciseId}}
                  
              </li>
          </ul>
      </li>      
  </ul>
</div>

CSS

li {
    padding:10px;
    border:solid 2px #333;
    margin-bottom:10px;
}

li li {
    border-color:#CCC;
}

JavaScript

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

//myApp.directive('myDirective', function() {});
//myApp.factory('myService', function() {});

function MyCtrl($scope) {
    
    $scope.workoutslist = [  
        {'workoutId': 1,   
         'workoutName': "Maandag",  
         'exercises':  
                    [   
                        {exerciseId: 1,  
                        exerciseName: "exercise1"},  
                        {exerciseId: 2,  
                        exerciseName: "exercise2"}  
                    ]  
        },  
        {
            'workoutId': 2,   
            'workoutName': "Dinsdag",  
            'exercises':  
                    [ 
                        {exerciseId: 3,  
                        exerciseName: "exercise3"},  
                        {exerciseId: 4,  
                        exerciseName: "exercise4"}  
                    ]
        }
    ];
    
}