深入理解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 相关文章推荐
jquery animate 动画效果使用说明
Nov 04 Javascript
SOSO地图API使用(一)在地图上画圆实现思路与代码
Jan 15 Javascript
JQuery+CSS提示框实现思路及代码(纯手工打造)
May 07 Javascript
javascript实现节点(div)名称编辑
Dec 17 Javascript
JavaScript中的异常捕捉介绍
Dec 31 Javascript
BOM系列第一篇之定时器setTimeout和setInterval
Aug 17 Javascript
基于cropper.js封装vue实现在线图片裁剪组件功能
Mar 01 Javascript
vue2.0+ 从插件开发到npm发布的示例代码
Apr 28 Javascript
完美解决linux下node.js全局模块找不到的情况
May 16 Javascript
vue+elementUI 复杂表单的验证、数据提交方案问题
Jun 24 Javascript
JavaScript对象字面量和构造函数原理与用法详解
Apr 18 Javascript
Element Breadcrumb 面包屑的使用方法
Jul 26 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
使用 PHPMAILER 发送邮件实例应用
2012/11/07 PHP
PHP设计模式之代理模式的深入解析
2013/06/13 PHP
解析thinkphp import 文件内容变量失效的问题
2013/06/20 PHP
yii2实现根据时间搜索的方法
2016/05/25 PHP
php中this关键字用法分析
2016/12/07 PHP
php微信开发之音乐回复功能
2018/06/14 PHP
PHP中散列密码的安全性分析
2019/07/26 PHP
thinkphp 框架数据库切换实现方法分析
2020/05/18 PHP
JavaScript窗口功能指南之在窗口中书写内容
2006/07/21 Javascript
简单的js表单验证函数
2013/10/28 Javascript
微信小程序 scroll-view组件实现列表页实例代码
2016/12/14 Javascript
深入理解Javascript中的作用域链和闭包
2017/04/25 Javascript
浅谈Node.js之异步流控制
2017/10/25 Javascript
关于vue v-for 循环问题(一行显示四个,每一行的最右边那个计算属性)
2018/09/04 Javascript
JS事件绑定的常用方式实例总结
2019/03/02 Javascript
Node.js使用supervisor进行开发中调试的方法
2019/03/26 Javascript
详解Vue-Router源码分析路由实现原理
2019/05/15 Javascript
微信小程序实现文件、图片上传功能
2020/08/18 Javascript
element form 校验数组每一项实例代码
2019/10/10 Javascript
Vue中使用Lodop插件实现打印功能的简单方法
2019/12/19 Javascript
vue 实现click同时传入事件对象和自定义参数
2021/01/29 Vue.js
[02:50]2014DOTA2 TI预选赛预选赛 大神专访第一弹!
2014/05/21 DOTA
简介Python设计模式中的代理模式与模板方法模式编程
2016/02/02 Python
Django应用程序中如何发送电子邮件详解
2017/02/04 Python
Python中collections模块的基本使用教程
2018/12/07 Python
Python 格式化打印json数据方法(展开状态)
2020/02/27 Python
django模型类中,null=True,blank=True用法说明
2020/07/09 Python
Canvas制作的下雨动画的示例
2018/03/06 HTML / CSS
汉森批发:Hansen Wholesale
2018/05/24 全球购物
PHP如何删除一个Cookie值
2012/11/15 面试题
元旦晚会上单位领导演讲稿
2014/01/05 职场文书
入党积极分子自我鉴定范文
2014/03/25 职场文书
"9.18"国耻日演讲稿范文
2014/09/14 职场文书
报表员工作失误检讨书范文
2014/09/19 职场文书
千手观音观后感
2015/06/03 职场文书
理想国读书笔记
2015/06/25 职场文书