title: Getting JSON from API then outputting
body: <p>I am getting some <code>json</code> from an API I have made and it is working. Sample response is this:</p>
  
  <pre><code>[{"id":"1","item":"Factory New AWP Asiimov","bids":"21","price":"0.21","itempic":"http:\/\/steamcommunity-a.akamaihd.net\/economy\/image\/fWFc82js0fmoRAP-qOIPu5THSWqfSmTELLqcUywGkijVjZYMUrsm1j-9xgEObwgfEh_nvjlWhNzZCveCDfIBj98xqodQ2CZknz56I_OKMyJYcxPSPqFNVfg14jfhDCM7_cpcWNak8L5ILF3ot4SXMeMtY95MTcDZCPbSNACpuUo6hvNYfJCLoS3vjn_taDtZUw2rpDytVfjhQg\/360fx360f","endtime":"2015-07-02 03:18:49","sold":"1","winner":"76561198173814231","created_at":"2015-07-03 00:23:02","updated_at":"2015-07-04 05:08:38","current":"25.04","daysago4":"23.76","daysago8":"23.99","daysago12":"24.95","daysago16":"24.15"},{"id":"27","auctionid":"11","steamid":"76561198173814231","created_at":"2015-07-07 05:04:47","updated_at":"2015-07-07 05:04:47"},{"id":"26","auctionid":"11","steamid":"76561198173814231","created_at":"2015-07-07 05:04:35","updated_at":"2015-07-07 05:04:35"},{"id":"25","auctionid":"1","steamid":"76561198173814231","created_at":"2015-07-04 05:08:38","updated_at":"2015-07-04 05:08:38"},{"id":"24","auctionid":"5","steamid":"76561198173814231","created_at":"2015-07-04 05:08:30","updated_at":"2015-07-04 05:08:30"},{"id":"23","auctionid":"5","steamid":"76561198173814231","created_at":"2015-07-04 05:08:29","updated_at":"2015-07-04 05:08:29"},{"id":"22","auctionid":"5","steamid":"76561198173814231","created_at":"2015-07-04 05:08:27","updated_at":"2015-07-04 05:08:27"},{"id":"21","auctionid":"5","steamid":"76561198173814231","created_at":"2015-07-04 05:07:53","updated_at":"2015-07-04 05:07:53"},{"id":"20","auctionid":"1","steamid":"76561198173814231","created_at":"2015-07-04 05:05:45","updated_at":"2015-07-04 05:05:45"},{"id":"18","auctionid":"1","steamid":"76561198173814231","created_at":"2015-07-04 05:04:02","updated_at":"2015-07-04 05:04:02"}]
  </code></pre>
  
  <p>Here is my basic app:</p>
  
  <pre><code>&lt;html&gt;
      &lt;head&gt;
          &lt;script src= "http://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js"&gt;&lt;/script&gt;
      &lt;/head&gt;
  &lt;body&gt;
  
  &lt;div data-ng-app="myApp" data-ng-controller="indexFeedController"&gt;
    &lt;p&gt;Looping with ng-repeat:&lt;/p&gt;
    &lt;ul&gt;
      &lt;li data-ng-repeat="x in names"&gt;
        @{{ x[0].bids }}
      &lt;/li&gt;
    &lt;/ul&gt;
  &lt;/div&gt;
  &lt;script&gt;
      var app = angular.module('myApp', []);
  
      app.controller('indexFeedController', function($scope, $http) {
  
      $http.get("http://45.55.242.33/api/indexfeed")
          .success(function(response) {
              $scope.names = response.records;
              console.log(response);
          });
      });
  &lt;/script&gt;
  &lt;/body&gt;
  </code></pre>
  
  <p>I'm quite new to Angular and struggling to see how I can output the JSON onto my HTML.</p>
  
  <p>Any help would be appreciated.</p>
  
  <p>Thanks!</p>
  
  <p>EDIT:</p>
  
  <p>Changinn to <code>{{ x.bids }}</code> doesn't seem to work.</p>
  
  <p>This is my <code>console.log</code> output for <code>response</code> 
  <img src="https://i.stack.imgur.com/rPm2p.png" alt="output"></p>