AngularJS | orderBy筛选

orderBy过滤器是用于角度js的便捷工具。
orderBy渠道鼓励您对展览品进行排序。
当然，它将按顺序请求对字符串进行排序，并在数字请求中对数字进行排序。

句法：

{{ orderBy_expression | orderBy : expression : reverse }} 

参数说明：

表达式：用于确定请求。很好，它可能是字符串，作品或集群。
反转：是自由裁量权。如果希望以相反的顺序显示数据，请确保参数中的反向条件设置为true。

示例：我们通过名称进行排序

  
  

  
  
  
  
  
    {{x.name + ", " + x.city}}  
  
  
  
  
var app = angular.module('myApp', []);  
app.controller('orderCtrl', function($scope) {  
    $scope.customers = [  
        {"name" : "Amber", "city" : "ajmer"},  
        {"name" : "lakshay ", "city" : "vizag"},  
        {"name" : "karan", "city" : "London"},  
        {"name" : "bhaskar", "city" : "peshawar"},  
            
    ];  
});  
  
The array items are arranged by "name".  
  
  

输出 ：

示例：当我们通过“-”和“ +” orderBy遍历gdp时，按情况进行排序

  AnngularJS Filters : orderBy 
   

  
    .tabled{float:left; padding:10px;}
  
 

 
  angular.module('orderByDemo', [])
    .controller('orderByController', ['$scope', function($scope) {
      $scope.countries =
          [{name:'SPAIN', states:'78', gdp:5},
           {name:'FRANCE', states:'46', gdp:4},
           {name:'PORTUGAL', states:'53', gdp:3},
           {name:'CHILE', states:'06', gdp:2},
           {name:'RUSSIA', states:'21', gdp:1}];
    }]);


   
  
    
      
      
      
    
    
     
      
      
      
    
  NameNo of StatesGDP(descending){{country.name}}{{country.states}}{{country.gdp}}
    
   
    
      
      
      
    
    
      
      
      
      
    
  NameNo of StatesGDP(ascending){{country.name}}{{country.states}}{{country.gdp}}



  
 Examples: Order by case (seven wonders)

输出 ：

  

  


{{x.name + ", " + x.country}}

  

  

var application = angular.module('myApplication', []);
application.controller('orderCtrl', function($scope) {
    $scope.sevenwonder = [
        {"name" : "Great Wall of China" ,"country" : "China"},
        {"name" : "Christ the Redeemer Statue", "country" : "Brazil"},
        {"name" : "Machu Picchu", "country" : "peru"},
        {"name" : "Chichen Itza ", "country" : "Mexico"},
        {"name" : "The Roman Colosseum", "country" : "Rome"},
        {"name" : "Taj Mahal", "country" : "India"},
        {"name" : "Petra", "country" : "Jordan"}
    ];
});

The array items are sorted by "country".
  

输出 ：