Angular: Empty Fiddle

http://angularjs.org/

by Rajesh Dixit

HTML

<div ng-app>
  <div ng-controller="MyCtrl">
    Hello, {{name}}!
    <div>
      <ul>
        <li ng-repeat="k in keys">
          {{k}} : {{ data[k] }}</li>
      </ul>
    </div>
  </div>
</div>

JavaScript

var myApp = angular.module('myApp', []);

//myApp.directive('myDirective', function() {});
//myApp.factory('myService', function() {});

function MyCtrl($scope) {
  $scope.name = 'Superhero';

  $scope.data = {
    "AnomalyEnableLatch": "false",
    "DistLogPeriod": "0",
    "AedCooldown": "0",
    "AedEnableLatch": "false",
    "AedGuardBand": "0",
    "AedSensitivity": "0",
    "AedWindowSize": "0",
    "AnomalyCurrentNoiseFloor": "10",
    "AnomalyGuardBandSize": "32",
    "AnomalyKsigToStart": "40",
    "AnomalyMinSnrToStop": "100",
    "AnomalyWindowSize": "651"
  };

  $scope.keys = Object.keys($scope.data);

  $scope.keys.sort(function(a, b) {
    return getDifference(a, b, "Aed") || getDifference(a, b, "Anomal") || a.localeCompare(b)
  })

  console.log($scope.keys)

  function getDifference(a, b, s) {
    return b.startsWith(s) - a.startsWith(s)
  }
}