深入理解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 相关文章推荐
js中几种去掉字串左右空格的方法
Dec 25 Javascript
JS获取鼠标坐标的实例方法
Jul 18 Javascript
jQuery的ready方法实现原理分析
Oct 26 Javascript
JS中SetTimeout和SetInterval使用初探
Mar 23 Javascript
最全的JavaScript开发工具列表 总有一款适合你
Jun 29 Javascript
JQuery EasyUI 结合ztrIee的后台页面开发实例
Sep 01 jQuery
Angular js 实现添加用户、修改密码、敏感字、下拉菜单的综合操作方法
Oct 24 Javascript
详解为Bootstrap Modal添加拖拽的方法
Jan 05 Javascript
浅析Vue 和微信小程序的区别、比较
Aug 03 Javascript
nvm、nrm、npm 安装和使用详解(小结)
Jan 17 Javascript
JavaScript流程控制(分支)
Dec 06 Javascript
JavaScript事件的委托(代理)的用法示例详解
Feb 18 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实现找出链表中环的入口节点
2018/01/16 PHP
JavaScript 输入框内容格式验证代码
2010/02/11 Javascript
IE6下js通过css隐藏select的一个bug
2010/08/16 Javascript
改写一个简单的菜单 弹性大小
2010/12/02 Javascript
Javascript中的this绑定介绍
2011/09/22 Javascript
artdialog的图片/标题以及关闭按钮不显示的解决方法
2013/06/27 Javascript
jquery插件tooltipv顶部淡入淡出效果使用示例
2013/12/05 Javascript
jQuery切换网页皮肤并保存到Cookie示例代码
2014/06/16 Javascript
浅析JS原型继承与类的继承
2016/04/07 Javascript
理解javascript中的Function.prototype.bind的方法
2017/02/03 Javascript
详解RequireJS按需加载样式文件
2017/04/12 Javascript
jQuery选择器特殊字符与属性空格问题
2017/08/14 jQuery
微信小程序中使用ECharts 异步加载数据实现图表功能
2018/07/13 Javascript
微信小程序实现判断是分享到群还是个人功能示例
2019/05/03 Javascript
JavaScript实现图片伪异步上传过程解析
2020/04/10 Javascript
浅谈Python中数据解析
2015/05/05 Python
python中argparse模块用法实例详解
2015/06/03 Python
Python PyQt5实现的简易计算器功能示例
2017/08/23 Python
Python-OpenCV基本操作方法详解
2018/04/02 Python
wtfPython—Python中一组有趣微妙的代码【收藏】
2018/08/31 Python
Python模块的加载讲解
2019/01/15 Python
python3+pyqt5+itchat微信定时发送消息的方法
2019/02/20 Python
Python图像处理模块ndimage用法实例分析
2019/09/05 Python
布隆过滤器的概述及Python实现方法
2019/12/08 Python
简单了解Python write writelines区别
2020/02/27 Python
没编程基础可以学python吗
2020/06/17 Python
美国高级音响品牌:Master&Dynamic
2018/07/05 全球购物
测绘工程专业个人自我评价
2013/12/01 职场文书
小学国旗下的演讲稿
2014/08/28 职场文书
债务追讨授权委托书范本
2014/10/16 职场文书
2014年档案室工作总结
2014/12/01 职场文书
公务员个人考察材料
2014/12/23 职场文书
个人创业事迹材料
2014/12/30 职场文书
2015年大学学生会工作总结
2015/05/13 职场文书
为什么node.js不适合大型项目
2021/04/28 Javascript
JavaScript parseInt0.0000005打印5原理解析
2022/07/23 Javascript