title: How to repeat an array in angular js
body: <p>How to <code>ng-repeat</code> an array in angular, I want to loop <code>gpa</code> in my view.</p>
  
  <pre><code>   [
    {
      "id": 1,
      "name": "Pre-Algebra",
      "selected": true,
      "gpa": [
        {
          "grade_date": null,
          "grade_type": null,
          "grade_percent": null,
          "letter_grade": null
        },
        {
          "grade_date": null,
          "grade_type": null,
          "grade_percent": null,
          "letter_grade": null
        }
      ]
    },
    {
      "id": 2,
      "name": "Pre-Calculus",
      "selected": true
    }
  ]
  </code></pre>
  
  <p><strong>View  Code:</strong> </p>
  
  <pre><code> &lt;div ng-repeat="course in ctrl.subjectCourseGrades| filter: {selected  : true} track by $index"&gt;
   &lt;table class="academy-table gpa-table" ng-class="!ctrl.editAcademyToggle?'data-view':''"&gt;
          &lt;tr ng-repeat="gpa in course.gpa" ng-if="!ctrl.editAcademyToggle" class="ots-data"&gt;
              &lt;td&gt;
                  &lt;b&gt;Id is  : {{$index}}&lt;span ng-bind="gpa.grade_date"&gt;&lt;/span&gt;&lt;/b&gt;
              &lt;/td&gt;
          &lt;/tr&gt;
  &lt;/table&gt;
      &lt;/div&gt;
  </code></pre>
  
  <p>Where I am doing wrong?</p>