博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
angularJS的过滤器!
阅读量:7063 次
发布时间:2019-06-28

本文共 965 字,大约阅读时间需要 3 分钟。

angularJS过滤器

filter

currency

date

filter

json

limitTo

lowercase

number

orderBy

uppercase

......

Filter过滤器

过滤器的主要用途就是一个格式化 / 筛选数据的小工具;

一般用于服务端存储的数据转换为用户界面可以理解的数据;

常见需要使用Filter的数据有:

- 时间 1288323623006

 

currency:它是用来过滤货币
作用把数字过滤成 一个货币:
使用:竖杠+过滤器名称

{
{20000 | currency}}

//效果:$20,000.00

没有多少意义,国际标准货币,对我们不实用;

 

date :转化为时间

{
{1288323623006 | date}}

//效果 Oct 29, 2010

{
{1288323623006 | date:'yyyy-MM-dd HH:mm:ss'}}

//效果 2010-10-29 11:40:23// 这里是英文的可以使用 angular-locale_zh-cn.js 来进行汉化

 

json过滤器

{
{jsonDate}}
{
{jsonDate | json}}

 

limitTo过滤器:限制到:

作用:用来控制字符串展示多少长度;

{
{'www.baidu.com,baidu.com' | limitTo:10}}
//www.baidu.

具体语法:

{
{limiTo_expression | limitTo:limit:begin}}

limit是必选项,begin是可选项;

 

number过滤器: 格式化(保留小数)这里会进行四舍五入

{
{1459824.1542558 | number:2}}
// 效果:1,459,824.15

 

接下来的过滤器,在使用过程中在做阐述;

 

转载于:https://www.cnblogs.com/e0yu/p/7223349.html

你可能感兴趣的文章
计算机程序的思维逻辑 (55) - 容器类总结
查看>>
远程入侵原装乘用车(上)
查看>>
「前端」尚妆 UI 组件库工程实践(weex vue)
查看>>
Vue.js 2.0实战精华梳理
查看>>
技术的成长曲线
查看>>
DOM常用操作
查看>>
【译】Cloudera Manager(CDH)入门系列之四 (管理员控制台)
查看>>
编程常用动词细微差别
查看>>
如何通过Dataworks禁止MaxCompute 子账号跨Project访问
查看>>
聊聊reactive streams的backpressure
查看>>
android studio 2 3 的maven坑
查看>>
来分享一个我自己写的HTML模板引擎,Leopard
查看>>
基于阿里云数加构建企业级数据分析平台
查看>>
React Native安卓模拟器调出Dev Setting菜单
查看>>
Laravel整合Bootstrap 4的完整方案
查看>>
Swift枚举相关值
查看>>
少走弯路,给Java 1~5 年程序员的建议
查看>>
08.Android之View事件问题
查看>>
[ JavaScript ] 数据结构与算法 —— 链表
查看>>
Java程序员幽默爆笑锦集
查看>>