过滤器

作者: 爱折腾的傻小子 | 来源:发表于2018-10-29 11:06 被阅读1次

参考地址

      <!-- uppercase 转换为大写 -->
      {{ 'true | false' | uppercase }}    <br>    <!-- TRUE | FALSE -->
      <!-- lowercase 转换为小写 -->
      {{ 'TRue | FalsE' | lowercase }}    <br>    <!-- true | false -->
      <!-- currency  格式化数字为货币格式(https://docs.angularjs.org/api/ng/filter/currency) -->
      {{ 2332.32 | currency }}            <br>    <!-- $2,332.32 -->
      {{ 2332.32 | currency:'¥ ' }}   <br>    <!-- ¥ 2,332.32  -->
      {{ 2332.32 | currency:'¥ ':1 }} <br>    <!-- ¥ 2,332.32  -->
      <!-- date 日期转换 [date](https://docs.angularjs.org/api/ng/filter/date) -->
      {{ 0 | date }}                      <br>    <!-- Jan 1, 1970 -->
      {{ 0 | date:'yyyy-MM-dd HH:mm:ss' }}<br>    <!-- 1970-01-01 08:00:00 -->
      {{ 0 | date:'yy-MM-dd HH:mm:ss' }}  <br>    <!-- 70-01-01 08:00:00 -->
      <!-- limitTo 现在字符串输出长度 -->
      {{ '@ True | False' | limitTo:4 }}  <br>    <!-- @ Tr -->
      {{ '@ True | False' | limitTo:-4 }} <br>    <!-- alse -->
      {{ '艾特@ True | False' | limitTo:5 }} <br> <!-- 艾特@ T -->
      <!-- json 【用于调试】,将javascript对象转换为json字符串 -->
      {{ {'ad':'wd','ed':'asd'} | json:4 }}  <br> <!-- 后面4表示缩进的空格数 -->
      <!-- number 格式化数字类型 -->
      {{ 123.123 | number:2 }}            <br>    <!-- 123.12 -->
      {{ 123.123 | number:0 }}            <br>    <!-- 123 -->
      <!-- orderBy 排序默认asc -->
      {{ [{"age": 20,"id": 10,"name": "iphone"},{"age": 12,"id": 11,"name": "sunm xing"},{"age":44,"id": 12,"name": "test abc"}] | orderBy:'id':true }} <br>
      <!-- 上、根据id字段降序(DESC)排序。(省略true默认ASE升序排序) -->
      {{ [{"age": 20,"id": 10,"name": "iphone"},{"age": 12,"id": 11,"name": "sunm xing"},{"age":44,"id": 12,"name": "test abc"}] | orderBy:'-id' }}
      <!-- 上、在怕徐字段处添加负号;表示降序(DESC)排序 -->
      <!-- filter 查找(从数组中选择一个子集)(https://docs.angularjs.org/api/ng/filter/filter) -->
      {{ [{"age": 20,"id": 10,"name": "iphone"},{"age": 12,"id": 11,"name": "sunm xing"},{"age": 44,"id": 12,"name": "test abc"}] | filter:{'name':'iphone',age:''} }}  

相关文章

  • 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/ttmrextx.html