AngularJS ng-repeat orderBy

by Sajeetharan Sinnathurai

HTML

<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.3.0-beta.4/angular.min.js"></script>
<script>
  function SimpleController($scope) {
    $scope.names =[
        {name:'Danial Pervaiz' , city:'Denver'},
        {name:'David Johnson' , city:'Jamaica'},
        {name:'David Hopsin' , city:'Australia'}
    ];
  }
</script>
<div ng-app>
  <div ng-controller="SimpleController">
 
    <input type="text" ng-model="name">
    <ul>
        <li ng-repeat="PersonNames in names | filter:name | orderBy:name">{{ PersonNames.name }} - {{PersonNames.city}}</li>
    </ul>
 
  </div>
</div>