title: How to loop through the 'key' value of an object with AngularJS?
body: <p>I have the following data and HTML template (and other code in app.js obviously). The code in my "tbody" works perfectly, and displays a table like this:</p>
  
  <p><strong>current output</strong></p>
  
  <pre><code>--------------------
  | AAPL | 127 | 128 |
  --------------------
  | GOOG | 523 | 522 |
  --------------------
  | TWTR |  35 |  36 |
  --------------------
  </code></pre>
  
  <p>Now I'm trying to loop through the 'keys' of the first object and display them in a 'thead' like so:</p>
  
  <p><strong>desired output</strong></p>
  
  <pre><code>--------------------
  | Name | jan | feb |
  --------------------
  | AAPL | 127 | 128 |
  --------------------
  | GOOG | 523 | 522 |
  --------------------
  | TWTR |  35 |  36 |
  --------------------
  </code></pre>
  
  <p><strong>data</strong></p>
  
  <pre><code>$scope.data = [
  {  
      "name": "AAPL",
      "jan": "127",
      "feb": "128"
  },
  {
      "name": "GOOG",
      "jan": "523",
      "feb": "522"
  },
  {
      "name": "TWTR",
      "jan": "35",
      "feb": "36"
  }]
  </code></pre>
  
  <p><strong>html</strong></p>
  
  <pre><code>&lt;table&gt;
      &lt;thead&gt;
          &lt;tr&gt;
              &lt;td ng-repeat=""&gt;{{}}&lt;/td&gt;
          &lt;/tr&gt;
      &lt;/thead&gt;
      &lt;tbody&gt;
          &lt;tr ng-repeat="object in data"&gt;
              &lt;td ng-repeat="(a,b) in object"&gt;{{b}}&lt;/td&gt;
          &lt;/tr&gt;
      &lt;/tbody&gt;
  &lt;/table&gt;
  </code></pre>
  
  <hr>
  
  <p>It has been pointed out that this question is a duplicate of another one, although, the other one is in plain JS, this one uses AngularJS.</p>