• angular中内置的九种过滤器


    过滤器是angular来格式化展示数据的,用 ‘|’来调用过滤器,如果要传参数使用 ':'。

    货币转换 currency
    {{123 | currency }}  //$123
    {{123 | currency:'¥' }}  //¥123
    
    格式化时间 date
    {{new Date() | date:'yyyyMMdd'}}  //2016/11/02
    yyyy/yy : 2016 / 16(年)
    MM: 11  (月)
    dd:02 (日)
    h/hh : 8 / 08 (时)
    m/mm : 5 / 05 (分)
    s /ss : 9 /09(秒)
    EEEE/EEE :(星期)
    
    filter
    filter可以将一个数组,对象,函数,字符串中选择满足条件的子集,并返回一个新数组 
    {{arr | filter:'s'}}  //选出arr数组中带 ‘s’的项 
    
    json
    将JavaScript对象转为json对象
    {{{name:'jack'} | json}} // {"name":"jack"}
    
    截取字符串和数组 limitTo
    str : "abcdefg"
    {{ str |limitTo:1 }}
    1可为负值:当为负值的时候从后向前截取
    
    将字符串数字转为数字 number
    {{'123.134545'| number:4}} //保留4位小数 四舍五入   默认保留3位小数
    
    uppercase lowercase
    将英文字母转为大写或小写。
    {{ 'Hello' | uppercase  }}  //HELLO
    {{'Hello' | lowercase}}  //hello
    
    orderBy 数组排序
    默认: 正序(1-9  a-z)
    传参数: 按指定参数的顺序排列
    {{arr | orderBy:age}}
    

    自定义过滤器

    app.filter('过滤器的名称',function (){
        return function(str){
            return str
        }
    })
  • 相关阅读:
    js web简单的路由管理器
    Flutter Android Toast Message(flutter访问Android Toast Message)
    web 常用开发工具
    vim 常用指令
    Bootstrap5 多级dropdown
    nginx proxy
    asm align 对齐数据
    nodejs stream 创建读写流
    asm FPU 寄存器
    Nestjs 上传文件到七牛云
  • 原文地址:https://www.cnblogs.com/rainbow8590/p/7239395.html
Copyright © 2020-2023  润新知