AngularJS 过滤器

过滤器可以使用一个管道字符（|）添加到表达式和指令中
在一个表达式里面可以使用多个过滤器：ng-repeat="x in names | filter:test | orderBy:'country'"
也可以在js里使用$filter来调用过滤器

app.controller('DemoController',['$scope','$filter',
  function($scope,$filter){
    $scope.name=$filter('lowercase')('Ari');
}]);

过滤器类型如下：

1

还包括json/limitTo/number
可以自定义过滤器

示例

动态计算

    计算乘法：
    

    数量: 
    价格: 
    
总价 = {{ (quantity * price) | currency }}

    计算加法：
    

    
    第一个数字：
    第二个数字： 
    
总和 = {{ (firstNumber + sencondNumber) | currency }}

数据排序、数据过滤

    
输入过滤:
    

        
        
    

    列表1：

    

        
        

            {{ (x.name | uppercase) + ', ' + x.country }}
        
    
    列表2：

    

        
        
        

            {{ (x.name | uppercase) + ', ' + x.country }}