AngularJS $filter ('orderBy') странная сортировка

Похоже, AngularJS $filter("orderBy") работает не так, как Array.prototype.sort. Я написал пример для этой задачи:

Шаблон:

<div ng-app="app" ng-controller="ctrl">
    <div>arr1 angular </br>{{ arr1ang }}</div>
    <div>arr2 angular </br>{{ arr2ang }}</div>
    <div>arr1 js </br>{{ arr1js }}</div>
    <div>arr2 js </br>{{ arr2js }}</div>
</div>

Контроллер:

angular.module('app', []);

function ctrl ($scope, $filter) {
    arr1 = [
      {value: "AA"}, 
      {value: "AB"}, 
      {value: "aa"}, 
      {value: "ab"}
    ];
    arr2 = [
      {value: "d"}, 
      {value: "D"}, 
      {value: "w"}, 
      {value: "e"}, 
      {value: "i"}, 
      {value: "O"}, 
      {value: "o"}, 
      {value: "r"}
    ];

    $scope.arr1ang = $filter('orderBy')(arr1, "value");
    $scope.arr2ang = $filter('orderBy')(arr2, "value");

    function comp(a,b){
        if (a.value > b.value)
            return 1;
        else if (b.value > a.value)
            return -1;
        else
            return 0;
    }

    arr1.sort(comp);
    arr2.sort(comp);
    $scope.arr1js = arr1;
    $scope.arr2js = arr2;
}

angular
  .module('app')
  .controller('ctrl', ctrl);

Результат:

arr1 angular
[{"value":"AA"},{"value":"aa"},{"value":"AB"},{"value":"ab"}]
arr2 angular
[{"value":"d"},{"value":"D"},{"value":"e"},{"value":"i"},{"value":"O"},{"value":"o"},{"value":"r"},{"value":"w"}]
arr1 js
[{"value":"AA"},{"value":"AB"},{"value":"aa"},{"value":"ab"}]
arr2 js
[{"value":"D"},{"value":"O"},{"value":"d"},{"value":"e"},{"value":"i"},{"value":"o"},{"value":"r"},{"value":"w"}]

Я сделал пример Codepen об этом здесь.

Я что-то не понимаю или это ошибка в AngularJS?