深入理解angularjs过滤器


Posted in Javascript onMay 25, 2016

•在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过滤器就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
深入探究AngularJS框架中Scope对象的超级教程
Jan 04 Javascript
功能强大的Bootstrap组件(结合js)
Aug 03 Javascript
微信公众号  提示:Unauthorized API function 问题解决方法
Dec 05 Javascript
jQuery实现动态添加tr到table的方法
Dec 26 Javascript
vue-router 权限控制的示例代码
Sep 21 Javascript
使用mock.js随机数据和使用express输出json接口的实现方法
Jan 07 Javascript
详解vue-cli中模拟数据的两种方法
Jul 03 Javascript
微信小程序form表单组件示例代码
Jul 15 Javascript
基于Vue实现微信小程序的图文编辑器
Jul 25 Javascript
Bootstrap-table自定义可编辑每页显示记录数
Sep 07 Javascript
微信小程序使用Vant Weapp组件库的方法步骤
Aug 01 Javascript
Vue.js获取手机系统型号、版本、浏览器类型的示例代码
May 10 Javascript
jQuery中on绑定事件后引发的事件冒泡问题如何解决
May 25 #Javascript
jQuery each函数源码分析
May 25 #Javascript
jQuery中的each()详细介绍(推荐)
May 25 #Javascript
jQuery中each()、find()和filter()等节点操作方法详解(推荐)
May 25 #Javascript
jquery easyui datagrid实现增加,修改,删除方法总结
May 25 #Javascript
15个值得开发人员关注的jQuery开发技巧和心得总结【经典收藏】
May 25 #Javascript
HTML5+jQuery插件Quicksand实现超酷的星际争霸2兵种分类展示效果(附demo源码下载)
May 25 #Javascript
You might like
利用PHP实现与ASP Banner组件相似的类
2006/10/09 PHP
解析php中var_dump,var_export,print_r三个函数的区别
2013/06/21 PHP
php数组指针操作详解
2017/02/14 PHP
excel操作之Add Data to a Spreadsheet Cell
2007/06/12 Javascript
javascript CSS画图之基础篇
2009/07/29 Javascript
利用jQuery操作对象数组的实现代码
2011/04/27 Javascript
jQuery 源码分析笔记(4) Ready函数
2011/06/02 Javascript
JQuery中对服务器控件 DropdownList, RadioButtonList, CheckboxList的操作总结
2011/06/28 Javascript
jQuery Tools Dateinput使用介绍
2012/07/14 Javascript
alert出数组中的随即值代码
2014/09/25 Javascript
javascript弹出页面回传值的方法
2015/01/28 Javascript
JS事件添加和移出的兼容写法示例
2016/06/20 Javascript
Ext JS动态加载JavaScript创建窗体的方法
2016/06/23 Javascript
javascript运算符——逻辑运算符全面解析
2016/06/27 Javascript
jQuery的extend方法【三种】
2016/12/14 Javascript
vue 中的keep-alive实例代码
2018/07/20 Javascript
浅谈vue引用静态资源需要注意的事项
2018/09/28 Javascript
vue路由结构可设一层方便动态添加路由操作
2020/08/31 Javascript
[00:32]2018DOTA2亚洲邀请赛Secret出场
2018/04/03 DOTA
Web服务器框架 Tornado简介
2014/07/16 Python
Python基于win32ui模块创建弹出式菜单示例
2018/05/09 Python
python远程连接服务器MySQL数据库
2018/07/02 Python
Python 使用类写装饰器的小技巧
2018/09/30 Python
对tensorflow 中tile函数的使用详解
2020/02/07 Python
Python3监控windows,linux系统的CPU、硬盘、内存使用率和各个端口的开启情况详细代码实例
2020/03/18 Python
python 字符串的驻留机制及优缺点
2020/06/19 Python
HTML5离线缓存在tomcat下部署可实现图片flash等离线浏览
2012/12/13 HTML / CSS
美味咖啡的顶级烘焙师:Cafe Britt
2018/03/15 全球购物
建筑安全员岗位职责
2014/03/13 职场文书
超市促销活动总结
2014/07/01 职场文书
感恩教师节演讲稿
2014/09/03 职场文书
五一劳动节演讲稿
2014/09/12 职场文书
财务负责人岗位职责
2015/02/03 职场文书
《别在吃苦的年纪选择安逸》读后感3篇
2019/11/30 职场文书
MySQL 分组查询的优化方法
2021/05/12 MySQL
Python趣味爬虫之用Python实现智慧校园一键评教
2021/05/28 Python