AngularJS Agenda (Contact List Alphabetically Ordered and Separated by First Letter)

app.js

angular
  .module("app", [])
  .controller("appCtrl", function ($scope) {
  
    $scope.contacts = [{"name": "John"},{"name": "Ben"},{"name": "Hal"},{"name": "Mimi"},{"name": "Simone"},{"name": "Harry"},{"name": "Brooke"},{"name": "Kirsten"},{"name": "Maureen"},{"name": "Annabel"},{"name": "Rian"},{"name": "Melody"},{"name": "Lucy"},{"name": "Ross"}];
  
    $scope.alpabeth = [];
  
    angular.forEach($scope.contacts, function (cv, ck) {
      if ($scope.alpabeth.indexOf(cv.name.charAt(0)) == -1) {
        $scope.alpabeth.push(cv.name.charAt(0));
      };
    });

});

index.html

<div ng-app="app">
  <div ng-controller="appCtrl">
    <div ng-repeat="l in alpabeth | orderBy:l track by $index">
      <ul>
        <h4>{{l}}</h4>
        <li ng-repeat="c in contacts | orderBy:c.name track by $index" ng-if="c.name.charAt(0) == l">
          {{c.name}}
        </li>
      </ul>
    </div>
  </div>
</div>