2、AngularJs 过滤器($filter)

1、内置过滤器:

  currency ({{123|currency}})

  date (medium\short\fullDate\longDate\mediumDate\shortDate\mediumTime\shortTime)

      {{today | date:‘medium‘}}  <!--Jun 26,2017 21:02:01 PM-->

      年份格式化:{{date|‘yyyy‘}}\{{date|‘yy‘}}\{{date|‘y‘}}

      月份(MMMM、MMM、MM、M)

      日期(dd、d、EEEE、EEE)

         小时(HH、H、hh、h)

      分钟(mm、m)

        秒钟(ss、s、.sss)

      字符格式化(a、z)

  filter:从数组中选出一个子集

json:讲一个JSON或js对象转换成字符串

limitTo:截取一个新数组或字符串

  lowercase:小写

  number:数字格式化成文本

  orderBy:

  uppercase:大写

2、自定义过滤器:

angular.module(‘app‘,[])

  .filter(‘filterName‘,function(){

    return function(inputString){}

  });

时间: 2024-10-26 23:21:42

2、AngularJs 过滤器($filter)的相关文章

angularjs之filter过滤器

现在公司用ionic,就是基于angularjs封装了一些api用于webapp,最近用的angularjs的filter确实省了很多代码,现在总结一下! ng比较鸡肋的过滤器,这里就一笔带过吧!鸡汤类常用的filter后面上例子. lowercase(小写) {{ lastName | lowercase }} uppercase(大写) {{ lastName | uppercase }} number(格式化数字) number过滤器可以为一个数字加上千位分割,像这样,123,456,78

关于JS中数组splice,concat的用法和AngularJs中filter的补充知识

一 JS数组相关操作 1. splice函数,可做插入,删除,替换操作 1 <script> 2 "use strict" 3 var arr = ['z3']; 4 arr.splice(1,0,'l4'); 5 alert(arr); //z3,l4 6 arr.splice(1,1,'w5'); 7 alert(arr); //z3,w5 8 arr.splice(1,1); 9 alert(arr); //z3 10 arr.splice(10,1,'l4','w5

AngularJS过滤器filter入门

在开发中,经常会遇到这样的场景 如用户的性别分为“男”和“女”,在数据库中保存的值为1和0,用户在查看自己的性别时后端返回的值自然是1或0,前端要转换为“男”或“女”再显示出来: 如我要换个羽毛球拍,某猫上羽毛球拍的品牌多达数十种,我想单独查看YONEX这个品牌的羽毛球拍: 买完羽毛球拍我还想买一桶羽毛球,点击按销量排序展示商品: 以上三种场景分别对数据进行了转换/筛选/排序,总而言之就是对数据的格式化,AngularJS的filter就是用来做这个事的. 内置过滤器 AngularJS内置了很

关于AngularJs的$filter那点事(菜鸟上路)

现在我们打算用ng的$filter服务来筛选数据 例如现在某后台返回给我们的数据是这样的: $scope.data = { id: "01", maxDisTkts: 0, name: "普通区", seats: [], tickets:[ { price:30, name:"大众单人票", fee:null, favorableFlg:"N", maxTkts:0, marketPriceFlg:"N",

AngularJS 过滤器(Filter) 详解

过滤器(Filter),故名思议,源数据通过特定的规则,转换成需要的数据格式, 这个规则,我们统称为过滤器. AngularJs 的Filter 功能非常强大,并且使用方便.它能够使得页面分组,查询,排序,以及数据转换等操作变的异常简单,同时还可以自定义过滤器实现更复杂的功能. 格式:{{expression | filter}} 或 {{expression | filter1 | filter2 | filter3......}} 或者 {{ expression | filter:argu

【angularJS】Filter 过滤器

当从后台获取到的数据呈现到视图上时,此时可能需要对数据进行相应的转换,此时我们可以通过过滤器在不同页面进行不同数据的格式抓换,在AngularJS中有常见默认的过滤器,当然若不满足所需,我们可以自定义过滤器. AngularJS 过滤器可以用来格式化数据,过滤器能够用在表达式和指令中. 使用一个管道字符(|)添加到表达式和指令中. 默认过滤器 列举AngularJS中常见的过滤器,如下: 过滤器名称 描述 例子 currency money格式化 {{ p.price | currency}}

AngularJS过滤器

AngularJS      保留小数 默认是保留3位 固定的套路是 {{deom | number:4}} 意思就是保留小数点 的后四位 在渲染页面的时候 加入这儿个代码 用来精确浮点数,指定小数点位数.下面的是 保留后8位 {{ number_expression | number : 8}} 如下 实例 基本上都是 HTML上渲染 是以上套路 下面我要讲解另一种 套路 这一种是在js文件是实施的 number 是固定套路  必须要写number $scope.results.total 这

AngularJS的Filter用法详解

Filter简介 Filter是用来格式化数据用的. Filter的基本原型( '|' 类似于Linux中的管道模式): {{ expression | filter }} Filter可以被链式使用(即连续使用多个filter): {{ expression | filter1 | filter2 | ... }} Filter也可以指定多个参数: {{ expression | filter:argument1:argument2:... }} AngularJS内建的Filter Angu

AngularJS之Filter(二)

前言 本节我们来讲讲AngularJS中主要的部分之一,那就是过滤器,当从后台获取到的数据呈现到视图上时,此时可能需要对数据进行相应的转换,此时我们可以通过过滤器在不同页面进行不同数据的格式抓换,在AngularJS中有常见默认的过滤器,当然若不满足所需,我们可以自定义过滤器. AngularJS默认过滤器 列举AngularJS中常见的过滤器,如下: 过滤器名称 描述 例子  currency  money格式化  {{ p.price | currency}}  date  日期格式化 {

转:AngularJS的Filter用法详解

Filter简介 Filter是用来格式化数据用的. Filter的基本原型( '|' 类似于Linux中的管道模式): {{ expression | filter }} Filter可以被链式使用(即连续使用多个filter): {{ expression | filter1 | filter2 | ... }} Filter也可以指定多个参数: {{ expression | filter:argument1:argument2:... }} AngularJS内建的Filter Angu