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也提供给我们了很多内建的过滤器，并且建立自定义过滤器也是相当的简单