如何使用AngularJS更改列表项目的顺序？

Question

我想根据他们的ID来订购一些锂。

目前我有：

<ul bx-slider="" id="rotator" style="width: auto; position: relative;"> 

    <li class="promo-banner ng-scope" ng-repeat="feature in events | limitTo:2" 
      bx-slider-item="" ordering="" id="ORDER-ROTATOR2" 
      style="float: none; list-style: none; position: absolute; width: 1510px; z-index: 50; display: block;"> 
    </li> 

    <li class="promo-banner ng-scope" ng-repeat="feature in events | limitTo:2" 
     bx-slider-item="" id="ORDER-ROTATOR1" ordering="" 
     style="float: none; list-style: none; position: absolute; width: 1510px; z-index: 0; display: none;"> 
    </li> 

</ul> 

和我的指令是：

.directive('ordering', function() { 

    var linker2 = function (scope, element, attrs) { 

     var elem = angular.element('#rotator').find('li').sort(sortMe); 
     console.log(elem); 
     angular.element('#rotator').append(elem); 

     function sortMe(a, b) { 
      return a.id < b.id; 
     } 

    }; 

    return { 
     link: linker2 
    } 
}) 

它看起来像它的排序，但不是他们的ID。

任何想法？

Answer 1

您可以使用排序依据与angularjs

过滤器有多个参数，

<li class="promo-banner ng-scope" ng-repeat="feature in events | limitTo:2 | orderBy:['className','id']" bx-slider-item="" ordering="" id="ORDER-ROTATOR2" style="float: none; list-style: none; position: absolute; width: 1510px; z-index: 50; display: block;"></li>