angularjs的过滤器
来源:互联网 发布:近视手术种类知乎 编辑:程序博客网 时间:2024/05/29 12:34
Angularjs内置的过滤器
在html中调用,使用 |
- 一个过滤器,不带参数的情况
{{expression | filter}}
- 一个过滤器,带参数的情况
{{expression | filter:arguments}}
- 一个过滤器,带多个参数的情况
{{expression | filter: arg1: arg2: ...}}
- 多个过滤器,不带参数的情况
{{expression | filter1 | filter2 | ...}}
{{ 6666 | currency: "$"}}
{{ today | date: "yyyy - mm - dd HH:mm::ss"}}
在controller中使用
var app = angular.module('app', []);app.controller('MainContainer', function($scope, $filter){ var time = (new Date()).valueOf(); $filter(date)(time, 'yyyy-MM-dd'); var string = 'Hello world'; $filter('uppercase')(string);})
自定义过滤器
var app = angular.module('app', []);
app.controller('mainCtrl', function(){
});
app.filter('addString', function(){
return function(input, stringOne, stringTwo){
return input + ' ' + stringOne + ' ' + stringTwo;
}
})
index.html
{{ 'Hello' | addString:'world':'!!!' }}
// 'Hello world !!!'
过滤器优化
位于视图中的每个过滤器至少被调用2次,这是过滤器的本质。因此越是保持这些函数轻量及对它们进行优化,应用程序就会更快。
《Angular权威教程》里面对过滤器的优化提出了2种途径
一. 避免在视图中使用过滤器,尽可能在过滤逻辑移至控制器或服务中
二. 缓存过滤器的执行结果
0 0
- angularJS的过滤器详解
- angularjs的过滤器
- AngularJS 霸道的过滤器
- angularjs过滤器的学习
- 常用的AngularJS过滤器
- angularJS的过滤器
- AngularJs 常用的过滤器
- AngularJs的过滤器
- AngularJS的过滤器总结
- angularJS过滤器和自定义的过滤器
- AngularJS的内置过滤器总结
- Angularjs 的过滤器使用小结
- angularjs 过滤器
- AngularJs 过滤器
- AngularJS--过滤器
- AngularJs过滤器
- AngularJS 过滤器
- AngularJS 过滤器
- MouTeam创始人:改变世界这种事就由我来做吧!
- SLB技术原理浅析
- http请求流程
- [leetcode] 225. Implement Stack using Queues 解题报告
- Web项目导出为war文件,热部署到tomcat运行
- angularjs的过滤器
- 用cxf集成spring的demo
- 图像检索公开数据集
- python Slope one
- Veeam Backup & Replication试用(一):安装及配置
- 详解 Android 的 Activity 组件
- mybatis intercept
- SQL SERVER 跨域方法
- lz77算法 例子