过滤器

作者: c59ffede9db6 | 来源:发表于2017-04-22 00:53 被阅读0次

通过搜索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>

相关文章

  • VUE过滤器和计算属性

    过滤器主要分为全局过滤器和局部过滤器。 全局过滤器如下: 局部过滤器如下: 计算属性如下: 过滤器中获取日期: 计...

  • 自定义过滤器的封装

    封装自定义过滤器 引入过滤器 添加+注册过滤器 使用过滤器

  • vue的过滤器及计算属性

    1,过滤器:让要显示在页面上的内容进行重新筛选2,过滤器分为全局过滤器和局部过滤器全局过滤器: 局部过滤器: 3,...

  • 2018-09-18 vue初学六(过滤器:filter(fil

    1.1过滤器 过滤器分为两种:1、全局过滤器:filter2、局部过滤器:filters 1.2过滤器 (当前时间...

  • 过滤器

    ...过滤器分为全局过滤器和局部过滤器全局过滤器的格式:html:{{数据,全局过滤器的名字}}//解析数据js:...

  • 六、过滤器的使用 ------ 2020-05-07

    1、过滤器的作用: 2、全局过滤器 3、局部过滤器 4、过滤器的使用

  • 过滤器和计算属性

    1、过滤器 过滤器指让要显示在页面上的内容进行重新筛选。 过滤器分为两种:全局过滤器、局部过滤器。 2、全局过滤器...

  • Vue的节点

    过滤器Filters 过滤器函数,必须定义在filters节点之下,过滤器本质是函数 分为私有过滤器和全局过滤器 ...

  • Vue进阶(1)

    一.过滤器 过滤器分为局部过滤器和全局过滤器 1.局部过滤器 格式 2.全局过滤器 格式 练习 1.当数字为小于1...

  • 不锈钢锥形过滤器@管道锥形过滤器@冲孔进水口过滤器

    不锈钢锥形过滤器@管道锥形过滤器@冲孔进水口过滤器 产品介绍:临时过滤器又称锥型过滤器,属于管道粗过滤器系列最简单...

网友评论

      本文标题:过滤器

      本文链接:https://www.haomeiwen.com/subject/iqwjzttx.html