NG-重複排序依據位置不工作

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">