深入理解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-05-05
今天小编就为大家分享一篇Angular服务Request异步请求的实例讲解，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2018-08-08
这篇文章主要介绍了Angular实现可删除并计算总金额的购物车功能,涉及AngularJS事件响应、元素遍历与数值运算等相关操作技巧,需要的朋友可以参考下2017-12-12
Angularjs Ng_repeat中实现复选框选中并显示不同的样式方法
今天小编就为大家分享一篇Angularjs Ng_repeat中实现复选框选中并显示不同的样式方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2018-09-09
这篇文章主要介绍了AngularJS 最常用的八种功能，非常不错，具有参考借鉴价值，需要的的朋友参考下吧2017-06-06
angularjs作为一个全ajax的框架，对于请求，如果页面上不做任何操作的话，在结果反回来之前，页面是没有任何响应的，不像普通的HTTP请求，会有进度条之类2015-12-12
AngularJS实现controller控制器间共享数据的方法示例
这篇文章主要介绍了AngularJS实现controller控制器间共享数据的方法,结合简单实例形式分析了AngularJS控制器数据共享的实现方法,需要的朋友可以参考下2017-10-10
这篇文章主要介绍了angular2 NgModel模块的具体使用方法，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2019-04-04
Angular本身监督所有Angular组件和指令的生命周期 。为了在开发应用程序时顺利进行，您必须了解结果的生命周期。组件是任何Angular应用程序的主要构建块。因此，必须了解它们才能理解组件生命周期的处理步骤。只有这样才能在应用程序的开发中实现。2021-05-05
这篇文章主要介绍了AngularJS遍历获取数组元素的方法,涉及AngularJS简单的数组遍历及元素获取相关操作技巧,需要的朋友可以参考下2017-11-11
最新评论