нг-повтор положение OrderBy не работает

Question

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

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.

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

Answer 1

Просто используйте reverse, как описано в documentation:

<ul class="nav navbar-nav" ng-repeat="menuItem in menu | orderBy:'position':reverse">