angularJS自定义过滤器使用
2014-02-16 01:22
766 查看
angular.js已经提供了许多内置的过滤器。
我们有如下的html片段:
则自定义时可以:
app.filter('myFilter',function(){
return function(input){
return doSomething(input);
}});
而当我们想给filter传递更多参数时,比如我们有如下片段:
filter可以这么写:
还有当filter需要读取数据时,可以这样写避免每次getData()的调用:
我们有如下的html片段:
<ul> <li ng-repeat='item in items'>{{item|myFilter}}</li> </ul>
则自定义时可以:
app.filter('myFilter',function(){
return function(input){
return doSomething(input);
}});
而当我们想给filter传递更多参数时,比如我们有如下片段:
<div ng-repeat='number in numbers'> <div ng-repeat='item in items'>{{item|myFilter:number}}</div> </div>
filter可以这么写:
app.filter('myFilter',function(){ return function(input,number){ return doSomething(input[number]); } });
还有当filter需要读取数据时,可以这样写避免每次getData()的调用:
app.filter('myFilter',function(){ var data=getData(); return function(input,number){ return data[input][number]; } });
相关文章推荐
- AngularJS使用Filter自定义过滤器控制ng-repeat去除重复功能示例
- 详解AngularJS中$filter过滤器使用(自定义过滤器)
- AngularJs中组件、过滤器、自定义过滤器的使用
- AngularJS中过滤器的使用与自定义实例代码
- AngularJS中过滤器的使用与自定义实例代码
- AngularJs中组件、过滤器、自定义过滤器的使用
- angularJs-----$filter过滤器使用 自定义过滤器
- 使用AngularJS创建自定义的过滤器的方法
- angularJs - $filter过滤器使用和自定义过滤器
- 使用AngularJS创建自定义的过滤器的方法
- angularjs-过滤器中,使用自定义服务
- angularJS实现二级联动查询以及自定义过滤器的使用
- Angularjs学习笔记——AngularJS中$filter过滤器使用(自定义过滤器)
- AngularJs学习之一使用自定义的过滤器
- angularJs-----$filter过滤器使用 自定义过滤器
- angularJS实现二级联动查询以及自定义过滤器的使用
- 使用java的自定义过滤器Filter 处理请求request 并响应response
- AngularJs Filter详解2--自定义过滤器
- AngularJS自定义过滤器
- angularjs中过滤器使用