AngularJs 常用的过滤器
date格式化
{{ 1304375948024 | date }}
//结果:May 3, 2011
{{ 1304375948024 | date:
"MM/dd/yyyy @ h:mma"
}}
//结果:05/03/2011 @ 6:39AM
{{ 1304375948024 | date:
"yyyy-MM-dd hh:mm:ss"
}}
//结果:2011-05-03 06:39:08
{{ 1.234567 | number:1 }}
//结果:1.2
{{ 1234567 | number }}
//结果:1,234,567
{{ 250 | currency }}
//结果:$250.00
{{ 250 | currency:
"RMB ¥ "
}}
//结果:RMB ¥ 250.00
{{ [{
"age"
: 20,
"id"
: 10,
"name"
:
"iphone"
},
{
"age"
: 12,
"id"
: 11,
"name"
:
"sunm xing"
},
{
"age"
: 44,
"id"
: 12,
"name"
:
"test abc"
}
] | filter:
's'
}}
//查找含有有s的行
//上例结果:[{"age":12,"id":11,"name":"sunm xing"},{"age":44,"id":12,"name":"test abc"}]
{{ [{
"age"
: 20,
"id"
: 10,
"name"
:
"iphone"
},
{
"age"
: 12,
"id"
: 11,
"name"
:
"sunm xing"
},
{
"age"
: 44,
"id"
: 12,
"name"
:
"test abc"
}
] | filter:{
'name'
:
'iphone'
} }}
//查找name为iphone的行
//上例结果:[{"age":20,"id":10,"name":"iphone"}]
{{ [{
"age"
: 20,
"id"
: 10,
"name"
:
"iphone"
},
{
"age"
: 12,
"id"
: 11,
"name"
:
"sunm xing"
},
{
"age"
: 44,
"id"
: 12,
"name"
:
"test abc"
}
] | orderBy:
'id'
:
true
}}
//根id降序排
{{ [{
"age"
: 20,
"id"
: 10,
"name"
:
"iphone"
},
{
"age"
: 12,
"id"
: 11,
"name"
:
"sunm xing"
},
{
"age"
: 44,
"id"
: 12,
"name"
:
"test abc"
}
] | orderBy:
'id'
}}
//根据id升序排
{{
"i love tank"
| limitTo:6 }}
//结果:i love
{{
"i love tank"
| limitTo:-4 }}
//结果:tank
{{ [{
"age"
: 20,
"id"
: 10,
"name"
:
"iphone"
},
{
"age"
: 12,
"id"
: 11,
"name"
:
"sunm xing"
},
{
"age"
: 44,
"id"
: 12,
"name"
:
"test abc"
}
] | limitTo:1 }}
//结果:[{"age":20,"id":10,"name":"iphone"}]
AngularJs 常用的过滤器的更多相关文章
- 前端MVC学习总结——AngularJS验证、过滤器
前端MVC学习总结--AngularJS验证.过滤器 目录 一.验证 二.过滤器 2.1.内置过滤器 2.1.1.在模板中使用过滤器 2.1.2.在脚本中调用过滤函数 2.2.自定义过滤器 三.指令( ...
- AngularJS常用插件与指令收集
angularjs 组件列表 bindonce UI-Router Angular Tree angular-ngSanitize模块-$sanitize服务详解 使用 AngularJS 开发一个大 ...
- AngularJS进阶(十二)AngularJS常用知识汇总(不断更新中....)
AngularJS常用知识汇总(不断更新中....) 注:请点击此处进行充电! app.controller('editCtrl',['$http','$location','$rootScope', ...
- Django 03 模板路径、模板变量、常用的过滤器
Django 03 模板路径.模板变量.常用的过滤器 一.模板路径 #1.在每个app下面添加一个templates文件 #2.在项目views.py里面第33行INSTALLED_APPS里面添加上 ...
- Wireshark常用快捷键&&过滤器语法
目录 一.快捷键 二.过滤器语法 1.捕获过滤器的BPF(Berkeley Packet Filter)语法 2.显示过滤器 一.快捷键 Ctrl+M 标记/取消标记 shift+ctrl+N/B 下 ...
- 前端MVC学习总结(二)——AngularJS验证、过滤器、指令
一.验证 angularJS中提供了许多的验证指令,可以轻松的实现验证,只需要在表单元素上添加相应的ng属性,常见的如下所示: <input Type="text" ng-m ...
- angularjs之filter过滤器
现在公司用ionic,就是基于angularjs封装了一些api用于webapp,最近用的angularjs的filter确实省了很多代码,现在总结一下! ng比较鸡肋的过滤器,这里就一笔带过吧!鸡汤 ...
- [AngularJS] 常用指令
常用指令 ng-hide指令,用于控制部分HTML元素可见(ng-hide="false")和不可见状态(ng-hide="true"),如下: <div ...
- 前端MVC学习笔记(二)——AngularJS验证、过滤器、指令
一.验证 angularJS中提供了许多的验证指令,可以轻松的实现验证,只需要在表单元素上添加相应的ng属性,常见的如下所示: <input Type="text" ng-m ...
随机推荐
- 任务调用及远端管理(基于Quartz.net)
这篇文章我们来了解一些项目中的一个很重要的功能:任务调度 可能有些同学还不了解这个,其实简单点说任务调度与数据库中的Job是很相似的东西 只不过是运行的物理位置与管理方式有点不一样,从功能上来说我觉得 ...
- Java位向量的实现原理与巧妙应用
Java位向量的巧实现原理与巧妙应用 1.博文介绍 本篇博文将会介绍几本的位运算含义.位向量介绍.BitSet实现原理.Java位向量的应用.拓展介绍Bloom Filter等. 2.位运算介绍 1) ...
- nvm安装和配置详细教程
nvm是nodejs的版本管理工具,为什么要用nvm,你能百度到这篇文章相比是遇到不得不用的原因了,我们知道nodejs官方更新的速度非常快,有时候业务需要需要用某某版本,如果用的是msi安装,虽然安 ...
- Canvas绘制一个大鱼喂小鱼的游戏
Canvas是HTML5中的一部分,强大的API足以让我们绘制我们任意想绘制的东西.利用Canvas的基础学习以及JavaScript面向对象的思想绘制一个小游戏,下面是源码地址https://git ...
- JS中遍历语法的比较
for循环 JavaScript 提供多种遍历语法.最原始的写法就是for循环.(假设myArray是数组,下面同理) let arr = [1,2,3,4,5]; for (var index = ...
- 博客搬到CSDN了
新博客地址: http://blog.csdn.net/enlangs
- Struts2基础学习(八)—Struts2防止表单重复提交
一.原因 用户重复提交表单在某些场合将会造成非常严重的后果.例如,在使用信用卡进行在线支付的时候,如果服务器的响应速度太 慢,用户有可能会多次点击提交按钮,而这可能导致那张信用卡上的金额被消 ...
- Python:generator的send()方法流程分析
先来一个简单地例子: def foo(): print('starting') while True: r = yield 2 print(r) f = foo() print(f.send(None ...
- activiti 5.13 使用activiti设置用户组任务的 工作流的角色
1.设置activiti 流程引擎的用户,组别,关系/**在部署流程定义和启动流程实例的中间,设置组任务的办理人,向Activiti表中存放组和用户的信息*/ IdentityService iden ...
- 苹果新手MacBook 目录认识
最近,开发平台从windows转型到mac. 刚开始还真不适应 不过使用了几天之后 还是很不错的. 那么我们来认识一下目录,用过linux的应该很好适应unix的mac MAC是Unix系统 和Win ...