angular 过滤排序

 <table class="table">
     <thead>
     <tr>
         <th ng-click="changeOrder('id')" ng-class="{dropup:order === ''}">
             产品编号
             <span ng-class="{orderColor:orderType === 'id'}" class="caret"></span>
         </th>
         <th ng-click="changeOrder('name')"  ng-class="{'dropup':order === ''}">
             产品名字
             <span ng-class="{orderColor:orderType === 'name'}" class="caret"></span>
         </th>
         <th ng-click="changeOrder('price')"  ng-class="{'dropup':order === ''}">
             产品价格
             <span ng-class="{orderColor:orderType === 'price'}" class="caret"></span>
         </th>
     </tr>
     </thead>
     <tbody>
      <tr ng-repeat="product in productData | filter:search | orderBy:order+orderType">
          <td>
              {{product.id}}
          </td>
          <td>
              {{product.name}}
          </td>
          <td>
              {{product.price}}
          </td>
      </tr>
     </tbody>
     </table>

   var myapp = angular.module('product',[])

     .service("productData",function(){
         return[
             {
                 id:1000,
                 name:"iphone5s",
                 price:4300
             },
             {
                 id:3300,
                 name:"iphone5",
                 price:3300
             },
             {
                 id:232,
                 name:"mac",
                 price:23000
             },
             {
                 id:1400,
                 name:"ipad",
                 price:6900
             }
         ]
     })
             myapp.controller("productController",function($scope,productData){
                 $scope.productData = productData;
                 $scope.orderType ='id';
                 $scope.order = '-';
                 $scope.changeOrder =function(type){
                     $scope.orderType = type;
                     if($scope.order === ''){
                         $scope.order = '-';
                     }else{
                         $scope.order = '';
                     }
                 }

 })

在AngularJS的世界里，filter提供了一种格式化数据的方法，Angular也提供给我们了很多内建的过滤器，并且建立自定义过滤器也是相当的简单