深入理解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 文字符串转换unicode编码函数
May 30 Javascript
自己实现string的substring方法 人民币小写转大写,数字反转,正则优化
Sep 02 Javascript
jQuery文本框(input textare)事件绑定方法教程
Apr 24 Javascript
jquery的ajaxSubmit()异步上传图片并保存表单数据演示代码
Jun 04 Javascript
随窗体滑动的小插件sticky源码
Jun 21 Javascript
js下将阿拉伯数字每三位一逗号分隔(如:15000000转化为15,000,000)
Jun 02 Javascript
JS+CSS实现可拖动的弹出提示框
Feb 16 Javascript
基于vue.js实现图片轮播效果
Dec 01 Javascript
详解React项目中碰到的IE问题
Mar 14 Javascript
vue的三种图片引入方式代码实例
Nov 19 Javascript
vue实现移动端返回顶部
Oct 12 Javascript
vue点击Dashboard不同内容 跳转到同一表格的实例
Nov 13 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重定向的3种方式
2013/03/07 PHP
php字符串截取的简单方法
2013/07/04 PHP
thinkphp中session和cookie无效的解决方法
2014/12/19 PHP
浅析php静态方法与非静态方法的用法区别
2016/05/17 PHP
ext for eclipse插件安装方法
2008/04/27 Javascript
一段利用WSH获取登录时间的jscript代码
2008/05/11 Javascript
初学JavaScript_03(ExtJs Grid的简单使用)
2008/10/02 Javascript
javascript 变量作用域 代码分析
2009/06/26 Javascript
js 数组的for循环到底应该怎么写?
2010/05/31 Javascript
Tips 带三角可关闭的文字提示
2010/10/06 Javascript
基于jquery实现的上传图片及图片大小验证、图片预览效果代码
2011/04/12 Javascript
JS验证控制输入中英文字节长度(input、textarea等)具体实例
2013/06/21 Javascript
javascript 获取图片尺寸及放大图片
2013/09/04 Javascript
详解addEventListener的三个参数之useCapture
2015/03/16 Javascript
javascript每日必学之运算符
2016/02/16 Javascript
JQuery+EasyUI轻松实现步骤条效果
2016/02/22 Javascript
js实现文字截断功能
2016/09/14 Javascript
完美解决jQuery的hover事件在IE中不停闪动的问题
2017/02/10 Javascript
Layui table 组件的使用之初始化加载数据、数据刷新表格、传参数
2017/09/11 Javascript
基于jQuery实现无缝轮播与左右点击效果
2018/05/13 jQuery
vue移动端路由切换实例分析
2018/05/14 Javascript
Vuex的初探与实战小结
2018/11/26 Javascript
js实现小星星游戏
2020/03/23 Javascript
[01:33:30]DOTA2-DPC中国联赛 正赛 RNG vs Phoenix BO3 第二场 2月5日
2021/03/11 DOTA
python获取指定时间差的时间实例详解
2017/04/11 Python
Python连接Redis的基本配置方法
2018/09/13 Python
python3 使用Opencv打开USB摄像头,配置1080P分辨率的操作
2019/12/11 Python
Python unittest生成测试报告过程解析
2020/09/08 Python
在python3.9下如何安装scrapy的方法
2021/02/03 Python
HTML5中图片之间的缝隙完美解决方法
2017/07/07 HTML / CSS
Canvas实现放大镜效果完整案例分析(附代码)
2020/11/26 HTML / CSS
印度最好的在线药品订购网站:PharmEasy
2018/11/30 全球购物
商务邀请函范文
2014/01/14 职场文书
校园十佳歌手策划书
2014/01/22 职场文书
导游词之南京夫子庙
2019/12/09 职场文书
mysql优化之query_cache_limit参数说明
2021/07/01 MySQL