FILTER ANGULAR ARRAY

HTML

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.8/angular.min.js"></script>

<script src="//cdnjs.cloudflare.com/ajax/libs/angular-filter/0.5.10/angular-filter.js"></script>
<body  ng-app="app">
  <div ng-controller="MainController"> 
    <div ng-repeat="time in [] | range : end - start : start : 1 : transform">
      {{time.hour}} : {{time.minutes}}
    </div>
  </div>
</body>

JavaScript

angular.module('app',['angular.filter'])
  .controller('MainController', function($scope) { 
    $scope.start = 12;
    $scope.end = 28;
    $scope.transform = function(time) {
      return {
        hour: ('0' + Math.floor(time / 2)).slice(-2),
        minutes: time % 2 ? '30' : '00'
      };
    }
 });