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

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

过滤器类型如下：

 

AngularJS 过滤器_AngularJS

 


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

 

示例

动态计算

计算乘法：    
   数量:价格:

总价 = {{ (quantity * price) | currency }}

计算加法：    
       第一个数字：第二个数字：

总和 = {{ (firstNumber + sencondNumber) | currency }}

数据排序、数据过滤

输入过滤:

列表1：
   

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

列表2：
   

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