深入理解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 相关文章推荐
JScript中的&quot;this&quot;关键字使用方式补充材料
Mar 08 Javascript
使用自定义setTimeout和setInterval使之可以传递参数和对象参数
Apr 24 Javascript
判断用户的在线状态 onbeforeunload事件
Mar 05 Javascript
使用Grunt.js管理你项目的应用说明
Apr 24 Javascript
node.js正则表达式获取网页中所有链接的代码实例
Jun 03 Javascript
JS实现在页面随时自定义背景颜色的方法
Feb 27 Javascript
解析Node.js异常处理中domain模块的使用方法
Feb 16 Javascript
jquery 将当前时间转换成yyyymmdd格式的实现方法
Jun 01 Javascript
AngularJS优雅的自定义指令
Jul 01 Javascript
AngularJS基础 ng-src 指令简单示例
Aug 03 Javascript
微信小程序顶部可滚动导航效果
Oct 31 Javascript
Vue 使用 Mint UI 实现左滑删除效果CellSwipe
Apr 27 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的开合式多级菜单程序
2006/10/09 PHP
PHP 登录记住密码实现思路
2013/05/07 PHP
php cookie工作原理与实例详解
2016/07/18 PHP
Javascript 验证上传图片大小[客户端]
2009/08/01 Javascript
json数据与字符串的相互转化示例
2013/09/18 Javascript
js对象内部访问this修饰的成员函数示例
2014/04/27 Javascript
在HTML中插入JavaScript代码的示例
2015/06/03 Javascript
jQuery validate+artdialog+jquery form实现弹出表单思路详解
2016/04/18 Javascript
将List对象列表转换成JSON格式的类实现方法
2016/07/04 Javascript
AngularJS入门教程之迭代器过滤详解
2016/08/18 Javascript
JavaScript错误处理和堆栈追踪详解
2017/04/18 Javascript
shiro授权的实现原理
2017/09/21 Javascript
vue-scroller记录滚动位置的示例代码
2018/01/17 Javascript
vue自定义filters过滤器
2018/04/26 Javascript
关于JavaScript 数组你应该知道的事情(推荐)
2019/04/10 Javascript
vue遍历对象中的数组取值示例
2019/11/07 Javascript
解决vue字符串换行问题(绝对管用)
2020/08/06 Javascript
[32:47]完美世界DOTA2联赛 GXR vs IO 第二场 11.07
2020/11/09 DOTA
Python中getattr函数和hasattr函数作用详解
2016/06/14 Python
window下eclipse安装python插件教程
2017/04/24 Python
python多进程和多线程究竟谁更快(详解)
2017/05/29 Python
Python3爬虫爬取英雄联盟高清桌面壁纸功能示例【基于Scrapy框架】
2018/12/05 Python
Pyecharts 动态地图 geo()和map()的安装与用法详解
2020/03/25 Python
Django model.py表单设置默认值允许为空的操作
2020/05/19 Python
关于keras.layers.Conv1D的kernel_size参数使用介绍
2020/05/22 Python
OpenCV4.1.0+VS2017环境配置的方法步骤
2020/07/09 Python
教师自我评价范例
2013/09/24 职场文书
高中毕业的自我鉴定
2013/12/09 职场文书
致1500米运动员广播稿
2014/02/07 职场文书
2014年度考核工作总结
2014/12/24 职场文书
岳麓书院导游词
2015/02/03 职场文书
环境建议书
2015/02/04 职场文书
小学生作文之《压岁钱的烦恼》
2019/09/27 职场文书
Mysql中调试存储过程最简单的方法
2021/06/30 MySQL
微信小程序 根据不同用户切换不同TabBar
2022/04/21 Javascript
python实现简单的三子棋游戏
2022/04/28 Python