深入理解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 相关文章推荐
Auntion-TableSort国人写的一个javascript表格排序的东西
Nov 12 Javascript
用js实现的页面关键字密度查询代码
Dec 27 Javascript
IE bug table元素的innerHTML
Jan 11 Javascript
Javascript和HTML5利用canvas构建Web五子棋游戏实现算法
Jul 17 Javascript
jQuery之ajax删除详解
Feb 27 Javascript
JavaScript中的prototype.bind()方法介绍
Apr 04 Javascript
javascript模拟map输出与去除重复项的方法
Feb 09 Javascript
JS实现网页滚动条感应鼠标变色的方法
Feb 26 Javascript
JavaScript中子对象访问父对象的方式详解
Sep 01 Javascript
垃圾回收器的相关知识点总结
May 13 Javascript
详解50行代码,Node爬虫练手项目
Apr 22 Javascript
javascript实现异形滚动轮播
Nov 28 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
CI框架源码阅读,系统常量文件constants.php的配置
2013/02/28 PHP
php利用单例模式实现日志处理类库
2014/02/10 PHP
PHP间隔一段时间执行代码的方法
2014/12/02 PHP
PHP基于yii框架实现生成ICO图标
2015/11/13 PHP
简单谈谈php延迟静态绑定
2016/01/26 PHP
php版微信开发之接收消息,自动判断及回复相应消息的方法
2016/09/23 PHP
Yii2中简单的场景使用介绍
2017/06/02 PHP
表单(FORM)的一些实用效果代码
2007/03/25 Javascript
用于判断用户注册时,密码强度的JS代码
2009/01/01 Javascript
jquery 获取json数据实现代码
2009/04/27 Javascript
js判断变量是否未定义的代码
2020/03/28 Javascript
formvalidator验证插件中有关ajax验证问题
2013/01/04 Javascript
js实现鼠标点击文本框自动选中内容的方法
2015/08/20 Javascript
JavaScript Array对象详解
2016/03/01 Javascript
最细致的vue.js基础语法 值得收藏!
2016/11/03 Javascript
jQuery实现的简单排序功能示例【冒泡排序】
2017/01/13 Javascript
VUE 更好的 ajax 上传处理 axios.js实现代码
2017/05/10 Javascript
详解HTTPS 的原理和 NodeJS 的实现
2017/07/04 NodeJs
在create-react-app中使用sass的方法示例
2018/10/01 Javascript
vue实现微信二次分享以及自定义分享的示例
2019/03/20 Javascript
详解JSON.stringify()的5个秘密特性
2020/05/26 Javascript
教你安装python Django(图文)
2013/11/04 Python
Python 文件处理注意事项总结
2017/04/10 Python
Python实现求两个csv文件交集的方法
2017/09/06 Python
Python猴子补丁知识点总结
2020/01/05 Python
python使用梯度下降和牛顿法寻找Rosenbrock函数最小值实例
2020/04/02 Python
手工制作的意大利礼服鞋:Ace Marks
2018/12/15 全球购物
捷克家具销售网站:SCONTO Nábytek
2020/01/02 全球购物
物流管理毕业生自荐信
2013/10/24 职场文书
自荐信范文
2013/12/10 职场文书
工业自动化毕业生自荐信范文
2014/01/04 职场文书
教师党员公开承诺书
2014/03/25 职场文书
2015高考寄语集锦
2015/02/27 职场文书
总经理助理岗位职责范本
2015/03/31 职场文书
sql通过日期判断年龄函数的示例代码
2021/07/16 SQL Server
pandas中pd.groupby()的用法详解
2022/06/16 Python