title: Stop AngularJS ng-repeat rendering in alphabetical order
body: <p>In my angular app I'm trying to display JSON data in a table. The data looks like this:</p>
  
  <pre><code>$scope.data = 
    {
      "EVENT NAME":"Free Event",
      "ORDER ID":311575707,
      "DATE":"6/26/14",
      "GROSS REVENUE (USD)":"0",
      "TICKET REVENUE (USD)":"0",
      "EVENTBRITE FEES (USD)":"0",
      "CC PROCESSING (USD)":"0",
      "TICKETS":1,
      "TYPE":"Free Order",
      "STATUS":"Free Order",
      "TRANSACTION ID":"",
      "NOTES":"",
      "FIRST NAME":"Khee Seng",
      "LAST NAME":"Chua",
      "EMAIL ADDRESS":"email@anemailadderss.com"
    };
  </code></pre>
  
  <p>And I'm displaying it like this:</p>
  
  <pre><code>   &lt;table class="table table-striped selector"&gt;
        &lt;tbody&gt;
          &lt;tr&gt;
            &lt;td ng-repeat="(key, value) in data"&gt;
              &lt;strong&gt;{{key}}&lt;/strong&gt;
            &lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
            &lt;td ng-repeat="(key, value) in data"&gt;
                      {{value}}
                  &lt;/td&gt;
          &lt;/tr&gt;
        &lt;/tbody&gt;
      &lt;/table&gt;
  </code></pre>
  
  <p>In my mind this should go through each `(key, value) pair in the object and display it in order. However, AngularJS displays the values in alphabetical order.</p>
  
  <p>Here's a plunkr which replicates this issue: <a href="http://plnkr.co/edit/V3Y2ZuwV1v9Pzsl0jGhA?p=preview">http://plnkr.co/edit/V3Y2ZuwV1v9Pzsl0jGhA?p=preview</a></p>
  
  <p><strong>How can I tweak the code so it displays in the natural order that the object actually comes in?</strong></p>