深入理解angularjs过滤器
更新时间：2016年05月25日 15:08:03 投稿：jingxian
下面小编就为大家带来一篇深入理解angularjs过滤器。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
•在html文件中和在js文件中使用
$scope.form_time = $filter('date')($scope.time, 'yyyy-MM-dd HH:mm:ss');
<p>{{time | date: 'yyyy-MM-dd HH:mm:ss'}}</p>
•内部过滤器和自定义过滤器
.filter('my_data_format',[function(){
return function(data,str,sss){
console.log('data: ',data,' str: ',str,' sss: ',arguments[2]);
}
}]);
//var1就是第一个参数data， 123是第二个参数str， this是第三个参数
<p>{{var1 | my_data_format : 123 : 'this'}}</p>
//对传入的数据进行处理
.filter('my_data_format',[function(){
return function(data,str){
var arr=[];
angular.forEach(data, function(one_list){
if(one_list.status == str){
arr.push(one_list);
}
});
return arr;
}
}]);
//过滤器可以用在绑定的值中,也可以用在ng-if="(lists | my_data_format: '2').length>0", 和ng-show等；类似的表达式中。作为判断语句
<p ng-repeat = "list in lists">姓名:{{list.name}},人数{{(lists | my_data_format: '2').length}}</p>
以上这篇深入理解angularjs过滤器就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。
相关文章
本文给大家总结了一些angularjs的基础知识及相关示例，分享给大家，希望能对大家有所帮助。2015-01-01
AngularJS是如今最受欢迎的JS框架之一，简化开发过程是它的目标之一，这使得它非常适合于元型较小的apps的开发，但也扩展到具有全部特征的客户端应用的开发。下面给大家总结了AngularJS开发者最常犯的十个错误，有需要的可以参考学习下。2016-08-08
本篇文章主要介绍了AngularJS $http模块POST请求实现，这里整理了详细的代码，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-04-04
这篇文章主要介绍了AngularJS模块化操作用法,结合实例形式分析了AngularJS基于模块化操作避免命名冲突的相关操作技巧,需要的朋友可以参考下2016-11-11
这篇文章主要介绍了AngularJS自定义服务与fliter的混合使用的相关资料,非常不错，具有参考借鉴价值，需要的朋友可以参考下2016-11-11
本篇文章主要介绍了angularjs实现时间轴效果的示例代码，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-11-11
angular-ngSanitize模块-$sanitize服务详解
本篇文章主要介绍了angular-ngSanitize模块-$sanitize服务详解 ，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-06-06
这篇文章主要介绍了使用AngularJS处理单选框和复选框的方法,在AngularJS表单的基础之上编写起来非常简单,需要的朋友可以参考下2015-06-06
组件是一种特殊的指令，使用更简单的配置项来构建基于组件的应用程序架构.这篇文章主要介绍了Angular组件——父组件调用子组件方法,需要的朋友可以参考下2018-04-04
今天小编就为大家分享一篇ng-repeat指令在迭代对象时的去重方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2018-10-10
最新评论