深入理解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解密入门 最终变量劫持
Jun 25 Javascript
jquery 学习笔记 传智博客佟老师附详细注释
Sep 12 Javascript
手机号码,密码正则验证
Sep 04 Javascript
JavaScript设计模式之外观模式实例
Oct 10 Javascript
JavaScript学习小结之被嫌弃的eval函数和with语句实例详解
Aug 01 Javascript
详解vue-Resource(与后端数据交互)
Jan 16 Javascript
javascript帧动画(实例讲解)
Sep 02 Javascript
ES6学习教程之模板字符串详解
Oct 09 Javascript
基于vue v-for 多层循环嵌套获取行数的方法
Sep 26 Javascript
Vue的编码技巧与规范使用详解
Aug 28 Javascript
Weex开发之WEEX-EROS开发踩坑(小结)
Oct 16 Javascript
微信小程序去除左上角返回键的实现方法
Mar 06 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实现的支持断点续传的文件下载类
2014/09/23 PHP
php动态函数调用方法
2015/05/21 PHP
Yii2 assets清除缓存的方法
2016/05/16 PHP
PHP构造二叉树算法示例
2017/06/21 PHP
二级域名转向类
2006/11/09 Javascript
JavaScript 学习笔记(四)
2009/12/31 Javascript
Javascript UrlDecode函数代码
2010/01/09 Javascript
javascript实现复制与粘贴操作实例
2014/10/16 Javascript
IE6浏览器中window.location.href无效的解决方法
2014/11/20 Javascript
JS中的Replace方法使用经验分享
2015/05/20 Javascript
删除javascript所创建子节点的方法
2015/05/21 Javascript
javascript电商网站抢购倒计时效果实现
2015/11/19 Javascript
Ubuntu 16.04 64位中搭建Node.js开发环境教程
2016/10/19 Javascript
ES6中的Promise代码详解
2017/10/09 Javascript
Vue实现调节窗口大小时触发事件动态调节更新组件尺寸的方法
2018/09/15 Javascript
express 项目分层实践详解
2018/12/10 Javascript
javascript canvas时钟模拟器
2020/07/13 Javascript
PyQt5每天必学之弹出消息框
2018/04/19 Python
Python带动态参数功能的sqlite工具类
2018/05/26 Python
Python matplotlib画图与中文设置操作实例分析
2019/04/23 Python
python实现控制COM口的示例
2019/07/03 Python
Python读写文件模式和文件对象方法实例详解
2019/09/17 Python
python使用列表的最佳方案
2020/08/12 Python
python之随机数函数的实现示例
2020/12/30 Python
浅析HTML5:'data-'属性的作用
2018/01/23 HTML / CSS
房地产财务管理制度
2014/02/02 职场文书
《美丽的黄昏》教学反思
2014/02/28 职场文书
委托书范文
2014/04/02 职场文书
初一学生期末评语
2014/04/24 职场文书
核心价值观演讲稿
2014/05/13 职场文书
高效课堂标语
2014/06/26 职场文书
工作经常出错的检讨书
2014/09/13 职场文书
教师党的群众路线对照检查材料
2014/09/24 职场文书
不同意离婚答辩状
2015/05/22 职场文书
2016年6.5世界环境日宣传活动总结
2016/04/01 职场文书
Spring Security动态权限的实现方法详解
2022/06/16 Java/Android