深入理解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 相关文章推荐
javascript使用eval或者new Function进行语法检查
Oct 16 Javascript
基于jQuery判断两个元素是否有重叠部分的代码
Jul 25 Javascript
JQuery each打印JS对象的方法
Nov 13 Javascript
类似天猫商品详情随浏览器移动的示例代码
Feb 27 Javascript
AngularJS bootstrap启动详解及实例代码
Sep 14 Javascript
jQuery Masonry瀑布流插件使用方法详解
Jan 18 Javascript
Javascript实现从小到大的数组转换成二叉搜索树
Jun 13 Javascript
微信小程序实现点击按钮修改view标签背景颜色功能示例【附demo源码下载】
Dec 06 Javascript
深入理解JavaScript和TypeScript中的class
Apr 22 Javascript
Vue+tracking.js 实现前端人脸检测功能
Apr 16 Javascript
Electron 打包问题:electron-builder 下载各种依赖出错(推荐)
Jul 09 Javascript
如何用Node.js编写内存效率高的应用程序
Apr 30 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
DOTA2 玩家自创拉野攻略 特色英雄快速成长篇
2020/04/20 DOTA
ThinkPHP单字母函数(快捷方法)使用总结
2014/07/23 PHP
php实现数据库的增删改查
2017/02/26 PHP
PHP数组式访问接口ArrayAccess用法分析
2017/12/28 PHP
PHP中检查isset()和!empty()函数的必要性
2019/02/13 PHP
PHP5中使用mysqli的prepare操作数据库的介绍
2019/03/18 PHP
JS 两日期相减,获得天数的小例子(兼容IE,FF)
2013/07/01 Javascript
jQuery 属性选择器element[herf*='value']使用示例
2013/10/20 Javascript
firefox下jquery ajax返回object XMLDocument处理方法
2014/01/26 Javascript
PHP使用方法重载实现动态创建属性的get和set方法
2014/11/17 Javascript
jQuery老黄历完整实现方法
2015/01/16 Javascript
Javascript调用函数方法的几种方式介绍
2015/03/20 Javascript
纯javascript实现自动发送邮件
2015/10/21 Javascript
Ionic+AngularJS实现登录和注册带验证功能
2017/02/09 Javascript
移动端刮刮乐的实现方式(js+HTML5)
2017/03/23 Javascript
Vue自定义事件(详解)
2017/08/19 Javascript
js调用设备摄像头的方法
2018/07/19 Javascript
基于JavaScript实现贪吃蛇游戏
2020/03/16 Javascript
vue axios封装httpjs,接口公用配置拦截操作
2020/08/11 Javascript
[00:59]DOTA2英雄背景故事——上古巨神
2020/06/28 DOTA
Python打印scrapy蜘蛛抓取树结构的方法
2015/04/08 Python
在Python中调用ggplot的三种方法
2015/04/08 Python
Python只用40行代码编写的计算器实例
2017/05/10 Python
Python爬虫爬取一个网页上的图片地址实例代码
2018/01/16 Python
python自动化报告的输出用例详解
2018/05/30 Python
基于Django框架的权限组件rbac实例讲解
2019/08/31 Python
对Matlab中共轭、转置和共轭装置的区别说明
2020/05/11 Python
在 Windows 下搭建高效的 django 开发环境的详细教程
2020/07/27 Python
5 分钟读懂Python 中的 Hook 钩子函数
2020/12/09 Python
社团2014年植树节活动总结
2014/03/11 职场文书
文艺晚会主持词
2014/03/24 职场文书
大学生实习鉴定评语
2014/04/25 职场文书
争先创优个人总结
2015/03/04 职场文书
死者家属慰问信
2015/03/24 职场文书
《棉鞋里的阳光》教学反思
2016/02/20 职场文书
优秀范文:读《红岩》有感3篇
2019/10/14 职场文书