深入理解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实现计算加载页面所用的时间
Apr 02 Javascript
基于JQuery 的消息提示框效果代码
Jul 31 Javascript
将光标定位于输入框最右侧实现代码
Dec 04 Javascript
js复制网页内容并兼容各主流浏览器的代码
Dec 17 Javascript
JavaScript实现向OL列表内动态添加LI元素的方法
Mar 21 Javascript
jQuery基础知识点总结(DOM操作)
Jun 01 Javascript
JS代码实现根据时间变换页面背景效果
Jun 16 Javascript
socket.io学习教程之基本应用(二)
Apr 29 Javascript
新手vue构建单页面应用实例代码
Sep 18 Javascript
原生JS实现的自动轮播图功能详解
Dec 28 Javascript
webpack优化之代码分割与公共代码提取详解
Nov 22 Javascript
ES6 十大特性简介
Dec 09 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/07/12 PHP
PHP编程与应用
2006/10/09 PHP
Trying to clone an uncloneable object of class Imagic的解决方法
2012/01/11 PHP
一个显示某段时间内每个月的方法 返回由这些月份组成的数组
2012/05/16 PHP
PHP运行模式汇总
2016/11/06 PHP
Yii框架 session 数据库存储操作方法示例
2019/11/18 PHP
gearman管理工具GearmanManager的安装与php使用方法示例
2020/02/27 PHP
用cookies实现的可记忆的样式切换效果代码下载
2007/12/24 Javascript
JSON扫盲帖 JSON.as类教程
2009/02/16 Javascript
jquery定时滑出可最小化的底部提示层特效代码
2013/10/02 Javascript
基于BootStarp的Dailog
2016/04/28 Javascript
AngularJS 实现JavaScript 动画效果详解
2016/09/08 Javascript
使用Vue构建可重用的分页组件
2018/03/26 Javascript
Vue + Elementui实现多标签页共存的方法
2019/06/12 Javascript
详解为什么Vue中不要用index作为key(diff算法)
2020/04/04 Javascript
Vue之封装公用变量以及实现方式
2020/07/31 Javascript
JavaScript中的Proxy对象
2020/11/27 Javascript
Vue——解决报错 Computed property &quot;****&quot; was assigned to but it has no setter.
2020/12/19 Vue.js
Python+OpenCV目标跟踪实现基本的运动检测
2018/07/10 Python
使用python的pexpect模块,实现远程免密登录的示例
2019/02/14 Python
Python+numpy实现矩阵的行列扩展方式
2019/11/29 Python
django创建css文件夹的具体方法
2020/07/31 Python
记一次Django响应超慢的解决过程
2020/09/17 Python
HTML5的文档结构和新增标签完全解析
2017/04/21 HTML / CSS
HEMA英国:荷兰原创设计
2018/08/28 全球购物
彪马香港官方网上商店:PUMA香港
2020/12/06 全球购物
平面设计岗位职责
2013/12/14 职场文书
《一件运动衫》教学反思
2014/02/19 职场文书
软件毕业生个人鉴定
2014/03/03 职场文书
个人承诺书怎么写
2014/05/24 职场文书
养成教育经验材料
2014/05/26 职场文书
2014年征兵标语
2014/06/20 职场文书
服务宗旨标语
2014/07/01 职场文书
工作经常出错的检讨书
2014/09/13 职场文书
2016大学优秀学生干部事迹材料
2016/03/01 职场文书
springboot中rabbitmq实现消息可靠性机制详解
2021/09/25 Java/Android