title: Get JSON value from key value array with Angular
body: <p>Hi I am new to angular and just trying to learn how to do a few things. I have got stuck in trying to display the following data. Using the Batarang plugin for chrome i can see my restful webservice returning the following json which is wrapped into my model.</p>
  
  <pre><code>    { 
      course:  { 
          country: Test1
          numberEnrolledPerMonthPerWeek:  { 
              entry: 
              [  { 
                  key: 2
                  value:  { 
                      numberEnrolled: 0
                      weeks: 2
                      year: 2011
                  } 
              } ,  { 
                  key: 3
                  value:  { 
                      numberEnrolled: 4
                      weeks: 3
                      year: 2011
                  } 
              } ,  { 
                  key: 4
                  value:  { 
                      numberEnrolled: 6
                      weeks: 4
                      year: 2011
                  } 
              } ,  { 
                  key: 8
                  value:  { 
                      numberEnrolled: 0
                      weeks: 8
                      year: 2011
                  } 
              }  
              ]
          } 
      } 
   } 
  </code></pre>
  
  <p>I am trying to get the numberEnrolled value out for each key into a column. So in my html I have the following</p>
  
  <pre><code>&lt;table class="table table-striped table-bordered"&gt;
              &lt;tr ng-repeat="course in enrolledcourses.enrolledEnrolment"&gt;
                  &lt;td&gt;                                
                      {{course.country}}
                  &lt;/td&gt;   
                  &lt;td&gt;
                      {{course.numberEnrolledPerMonthPerWeek[2].numberEnrolled}}
                  &lt;/td&gt;               
              &lt;/tr&gt;   
          &lt;/table&gt;
  </code></pre>
  
  <p>{{course.numberEnrolledPerMonthPerWeek[2].numberEnrolled}} does not return me any value so can anyone advise what would be the correct syntax to get the numberEnrolled value please.</p>
  
  <p>I have tried </p>
  
  <pre><code>{{course.numberEnrolledPerMonthPerWeek.2.numberEnrolled}}
  {{course.numberEnrolledPerMonthPerWeek[2][numberEnrolled]}}
  </code></pre>
  
  <p>My controller code is as follows</p>
  
  <pre><code>.controller('PeopleCtrl', function($scope, recruitmentFactory) {
      $scope.enrolledcourses = recruitmentFactory.get();
  
  
      $scope.test = "hello";
      $scope.save = function() {
          alert("save has been called");
      };
  })
  </code></pre>