过滤器

通过搜索filfterFilter就可以找到所有过滤器

  register('currency', currencyFilter);
  register('date', dateFilter);
  register('filter', filterFilter);
  register('json', jsonFilter);
  register('limitTo', limitToFilter);
  register('lowercase', lowercaseFilter);
  register('number', numberFilter);
  register('orderBy', orderByFilter);
  register('uppercase', uppercaseFilter);
}

  • uppercase将字符串小写转化为大写
  • lowercase将字符串小写转化为大写
  • limitTo 对字符串或者数组做截取操作
  • {{c|number:4}}//数字过滤器默认保留3位小数,最后一位四舍五入
  • orderBy数组过滤器,接受2个参数第一个参数表示排序的字段(key值);第二个参数true/false分别表示倒序和正序(默认为false正序) 如果是数字,则比较数字的大小;如果是字母,则会按照字母编码排序如{{array|orderBy:'name':true}}
<!DOCTYPE html>
<html ng-app='test'>
  <head>
    <meta charset="utf-8">
    <title>angular</title>
    <script src='bower_components/angular/angular.js'>
    </script>
    <script>
      var app=angular.module('test',[]);
      app.controller('con1',function($scope,$http){
          $scope.a='asdFsfsXW'
          $scope.b='SWEeFAcFFS'
          $scope.c=122525.54545744
      })
    </script>
  </head>
  <body ng-controller='con1'>
    {{a|uppercase}}
    <p>{{b|lowercase}}</p>
    {{a|limitTo:2}}
    {{c|number:4}} //数字过滤器默认保留3位小数,最后一位四舍五入
  </body>
</html>

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容