深入理解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 相关文章推荐
Firefox 无法获取cssRules 的解决办法
Oct 11 Javascript
jquery获取div距离窗口和父级dv的距离示例
Oct 10 Javascript
jquery使用淘宝接口跨域查询手机号码归属地实例
Nov 28 Javascript
JavaScript中的null和undefined区别介绍
Jan 01 Javascript
牛叉的Jquery——Jquery与DOM对象的互相转换及DOM的三种操作
Oct 29 Javascript
vue axios请求拦截实例代码
Mar 29 Javascript
vue.js+element-ui动态配置菜单的实例
Sep 07 Javascript
Js 利用正则表达式和replace函数获取string中所有被匹配到的文本(推荐)
Oct 28 Javascript
详解在vue-cli3.0中自定css、js和图片的打包路径
Aug 26 Javascript
vue+elementUi 实现密码显示/隐藏+小图标变化功能
Jan 18 Javascript
echarts.js 动态生成多个图表 使用vue封装组件操作
Jul 19 Javascript
JavaScript实现筛选数组
Mar 02 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
VIM中设置php自动缩进为4个空格的方法详解
2013/06/14 PHP
PHP读取文件或采集时解决中文乱码
2021/03/09 PHP
iframe的onload在Chrome/Opera中执行两次Bug的解决方法
2011/03/17 Javascript
在JavaScript中实现类的方式探讨
2013/08/28 Javascript
Javascript实现字数统计
2015/07/03 Javascript
基于JavaScript短信验证码如何实现
2016/01/24 Javascript
JS中常用的输出方式(五种)
2016/06/12 Javascript
AngularJS中指令的四种基本形式实例分析
2016/11/22 Javascript
JS判断是否为JSON对象及是否存在某字段的方法(推荐)
2016/11/29 Javascript
bootstrap table插件的分页与checkbox使用详解
2017/07/23 Javascript
jQuery实现注册会员时密码强度提示信息功能示例
2017/09/05 jQuery
AngularJS ui-router刷新子页面路由的方法
2018/07/23 Javascript
node链接mongodb数据库的方法详解【阿里云服务器环境ubuntu】
2019/03/07 Javascript
微信小程序学习笔记之获取位置信息操作图文详解
2019/03/29 Javascript
jQuery实现颜色打字机的完整代码
2020/03/19 jQuery
[50:15]VP vs Mineski 2018国际邀请赛淘汰赛BO3 第二场 8.22
2018/08/23 DOTA
Python采用Django开发自己的博客系统
2020/09/29 Python
Python实现ssh批量登录并执行命令
2016/10/25 Python
Python操作SQLite数据库过程解析
2019/09/02 Python
python pyinstaller打包exe报错的解决方法
2019/11/02 Python
python os.path.isfile()因参数问题判断错误的解决
2019/11/29 Python
详解pandas.DataFrame.plot() 画图函数
2020/06/14 Python
详解python命令提示符窗口下如何运行python脚本
2020/09/11 Python
Django Form常用功能及代码示例
2020/10/13 Python
Python常用扩展插件使用教程解析
2020/11/02 Python
欧洲第一中国智能手机和平板电脑网上商店:CECT-SHOP
2018/01/08 全球购物
Hawes & Curtis澳大利亚官网:英国经典服饰品牌
2018/10/29 全球购物
办公室秘书自我鉴定
2014/01/18 职场文书
担保书怎么写
2014/04/01 职场文书
班主任新年寄语
2014/04/04 职场文书
乐观自信演讲稿范文
2014/05/21 职场文书
硕士生找工作求职信
2014/07/05 职场文书
领导班子在批评与自我批评座谈会上的发言
2014/09/28 职场文书
教师个人年度总结
2015/02/11 职场文书
读《钢铁是怎样炼成的》有感:百炼方成钢
2019/11/05 职场文书
各种货币符号快捷输入
2022/02/17 杂记