2015-11-29 28 views
0

我正在寫一個角度應用程序,有一個菜單,我分是這樣:NG-重複排序依據位置不工作

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

我該如何解決這個問題?

+0

使用'-menuItem.position'在排序依據的說法 – Akxe

+0

它這裏http://plnkr.co/edit/LEDDI0TX6OvKj0gNJrSl?p=preview什麼工作問題是什麼? –

+0

它適合我。刷新或打開瀏覽器上的私人標籤。 – felipsmartins

回答

1

只需使用reversedocumentation描述:

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

在他的情況下,OP不需要提及'reverse'參數,請參閱http://plnkr.co/edit/LEDDI0TX6OvKj0gNJrSl?p=preview –

+0

這可行,但爲什麼我應該顛倒順序?我把1,2,3,爲什麼它顯示相反的方向? –

+0

哦對。它也適用於我(沒有':reverse') – sjokkogutten