AngularJs 自定义filter
2016-03-25 20:14
661 查看
今天恰好要用filter,之前看过但是用得不多,今天要写突然发现并不是很会,特此记录下今天使用的情况,加深印象。
1.filter定义格式
module.filter("myfilter",function(){
return function(input,param1,param2,......){//需要返回filter的对象
//过滤的相关实现
return data;//返回过滤后的数据data
}
})
2.在页面的使用格式
<div class="col-md-12" ng-repeat="reviewComment in reviewComments | myFilter:param1:param2:......"></ div> //顺便用的自己的代码举例
在这里param1,param2是对应filter的参数param1,param2,依次类推,需要几个写几个
input不需要与param1和param2写在一起,默认就将reviewComments赋值给input了,直接用就行
注意:参数对应的数据类型就是传入实际值得类型,直接使用就行
1.filter定义格式
module.filter("myfilter",function(){
return function(input,param1,param2,......){//需要返回filter的对象
//过滤的相关实现
return data;//返回过滤后的数据data
}
})
2.在页面的使用格式
<div class="col-md-12" ng-repeat="reviewComment in reviewComments | myFilter:param1:param2:......"></ div> //顺便用的自己的代码举例
在这里param1,param2是对应filter的参数param1,param2,依次类推,需要几个写几个
input不需要与param1和param2写在一起,默认就将reviewComments赋值给input了,直接用就行
注意:参数对应的数据类型就是传入实际值得类型,直接使用就行
相关文章推荐
- AngularJS中的数据绑定 post
- angularjs实现点击加载更多
- angularjs学习4--过滤器(一)
- ng1.3+表单验证<AngularJs>
- 表单验证<AngularJs>
- 指令<AngularJs>
- angularJS 小记
- angularJs中筛选功能-angular.filter-1
- angularJs中筛选功能-angular.filter-1
- angularjs
- angularJs中筛选功能-angular.filter-1
- AngularJS
- Angular 基础入门
- AngularJS+ckEditor管理ng-model
- angular 学习
- angular 学习简单
- AngularJS执行流程详解
- ionic准备之angular基础——run方法(4)
- Angularjs封装指令
- AngularJS scope destroy 详解