AngularJS ngRepeat loop keys in object in original order.md

Loop keys of an object in its original order in ngRepeat

http://jsfiddle.net/gh/gist/library/pure/067ec6ff74189a3d996e/

fiddle.html

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.16/angular.js"></script>
<div ng-app="myapp" ng-controller="parentCtrl">
  <div>
    <table>
      <tr><th>Name</th><th>Phone</th></tr>
      <tr ng-repeat="friendKey in f_object_keys_order(friends)"
        ng-init="friendObj = friends[friendKey]">
        <td>{{friendObj.name}} {{friendObj.year}}</td>
        <td>{{friendObj.phone}}</td>
      </tr>
    </table>
    <hr>
  </div>
</div>

fiddle.js

angular.module('myapp',[])
  .controller('parentCtrl',function($scope) {
    $scope.friends = {
      "john":{name:'John', phone:'555-1276',id:'1', year: '2013'},
      "mary":{name:'Mary', phone:'800-BIG-MARY',id:'2', year: '2014'},
      "mike":{name:'Mike', phone:'555-4321',id:'3', year: '2015'},
      "adam":{name:'Adam', phone:'555-5678',id:'4', year: '2016'},
      "julie":{name:'Julie', phone:'555-8765',id:'5', year: '2017'},
      "juliette":{name:'Juliette', phone:'555-5678',id:'6', year: '2018'}
    };

    $scope.f_object_keys_order = function(obj) {
      if (obj !== null && typeof obj === 'object') {
        return Object.keys(obj);
      } else {
        return [];
      }
    }
});

fiddle.manifest

normalize_css: no
panel_jss: 0
panel_css: 0
wrap: b