title: using ng-repeat to populate table rows with data from array
body: <p>I have a JS function called <code>current_item.get_user_history()</code> that returns an array , by making and API call, that looks something along the lines of this:</p>
  
  <pre><code>things[0]:
   thing_id: 5
   user_id: 23
   paddle_no: 1234
   item_id: 893
   price: 5000
  
  things[1]:
   thing_id: 4
   user_id: 67
   paddle_no: 6743
   item_id: 893
   price: 4500
  
  ... and so on
  </code></pre>
  
  <p>I want to be able to take data from this array to populate a table using an ng-repeat.</p>
  
  <pre><code>&lt;div class="bid_history"&gt;
        &lt;table&gt;
          &lt;tr&gt;
            &lt;th&gt;
              Column 1
            &lt;/th&gt;
            &lt;th&gt;
              Column 2
            &lt;/th&gt;
            &lt;th&gt;
              Column 3
            &lt;/th&gt;
          &lt;/tr&gt;
          &lt;tr ng-repeat="thing in current_item.get_user_history() track by thing.id"&gt;
          {{thing.user_id}} {{thing.price}}
          &lt;/tr&gt;
  
        &lt;/table&gt;
    &lt;/div&gt;
  </code></pre>
  
  <p>For some reason nothing gets rendered, and it seems to do a lot of repeating because I get an unstoppable number of errors in the chrome console. Any help is appreciated to explain exactly how one uses <code>ng-repeat</code>.</p>