ng-repeat orderBy позиция не работает

Я пишу Угловое приложение, в котором есть меню, я разделил его так:

HTML:

<ul class="nav navbar-nav" ng-repeat="menuItem in menu |  orderBy:'position'">
    <!-- Home  Mega Menu -->
    <li class="mega-menu">
        <a href="index-corporate.html">{{menuItem.testo}}</a>
    </li>
    <!-- Shortcode Menu Ends -->
    <!-- Header Search -->
    <li class="hidden-767" ng-show="$last">
        <a href="#" class="header-search">
            <span>
                <i class="fa fa-search"></i>
            </span>
        </a>
    </li>
</ul>

JS:

...
$scope.menu = [
    {testo: 'Home', link: 'index.html', position: 1},
    {testo: 'Due', link: 'index.html', position: 2},
    {testo: 'Tre', link: 'index.html', position: 3},
];
...

В результате получается так: Tre, Due, Home вместо рендеринга по позиции Home, Due, Tre.

Как это исправить?