Angularjs中的$filter

官方文档:https://docs.angularjs.org/api/ng/filter/filter

1、Angularjs本身自带了一些filter

currency: 为数字添加货币符号。

{{currency_expression || currency: symbol:fractionSize}}

其中symbol、fractionSize是可选择的,symbol是定义货币符号,默认是$,fractionSize是小数点后的位数,默认是原数

date:格式化日期

{{date_expression || date : format : timezone}}

其中format、timezone是可选的,format是定义日期格式,默认是‘MMM d, y‘格式 e.g. Jan 1,2016,timezone是时区,默认是本地时区

filter:从数组中选择一个子集,并将其返回为一个新数组。

{{filter_expression || filter: expression : comparator}}

expression:从数组中选择的条件 可以是string、 Object、function

string 所有包含string的数组将会返回

Object:{name:"M",phone: "1"}将返回包含name是M,phone是1的数组,

特殊情况

$ : e.g. {$:"text"}将返回同层或者更深一层包括text的数组

{name: {first: ‘John‘, last: ‘Doe‘}} 能够被{$:‘John‘}匹配到

!:e.g.{name: "!name"}将返回所有不包含name的数组

function:function(value,index,array) ~暂时没有遇到过~

json: 转化一个js对象编程json数据

{{json_expression || json: spacing}}

spacing: 可选的,每个缩进的空格数,默认是2

limitTo:

时间: 2024-12-10 17:27:39

Angularjs中的$filter的相关文章

angularjs中的filter(过滤器)

源文地址:http://www.ncloud.hk/技术分享/angularjs中的filter-过滤器/ filters可以用来格式化数据.例如把时间格式化成为yyyy-MM-dd的形式来呈现给用户,方便查看.angularjs内置了一些filters,我们也可以根据自己的需要自定义一些filters. 下面是angularjs提供的filters: currency:格式化一个数字成为一种货币.当没有提供任何货币符号时,使用当前区域的默认符号. number:格式化数字成为文本 filter

angularjs培训之filter

在angularjs中,filter提供了格式化数据或者过滤数据的功能: 1.请看下面简单的例子 <div ng-controller="phoneListExtendController"> I have {{friends.length}} friends. They are: <input type="search" ng-model="q" placeholder="filter friends..."

AngularJS中的过滤器(filter)

AngularJS中的过滤器是用于对数据的格式化,或者筛选的函数,可以直接通过以下语法使用: {{expression|filter}} {{expression|filter1|filter2}} {{expression|filter1:param1,param2,...|filter2} 过滤器的种类有number,currency,date,json,limitTo,lowercase,uppercase,filter,orderBy. <!DOCTYPE html> <html

关于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

引言 filter过滤器对于我们来说并不陌生,他和我们现实生活中的过滤器的意思差不多,它的作用就是接收一个输 入的值,然后按照某个规则进行处理然后输出最后的结果,例如我们输入一个数字,然后我们需要得到货币形式的数 据,这样我们就可以利用过滤器来实现,angularJS中的过滤器是非常简单的,分为内置和自定义两种,下面小编就 简单的给大家介绍一些. 内置过滤器 ng内置了一些过滤器,它们是:currency(货币).date(日期).filter(子串匹配).json(格式化json对象). li

AngularJs中,如何在父元素中调用子元素为自定义Directive中定义的函数?

最近一段时间准备使用AngularJs中的自定义Directive重构一下代码. 在这里说明一下,把自定义控件封装成Directive并不一定是要复用,而是要让代码结构更加清晰.就好像你将一个长方法拆分成多个独立的小方法,也未必要复用它们一样.职责独立等一票好处,会让后期维护更加轻松. 在重构的过程中,我遇到了这样一个问题,先上图: 图一: 这就是我要重构的界面,由于之前时间紧,将这三个Filter和两个button都写在了一个页面中.当时我已经预感到,如果将这里面的状态都写到一个scope上,

AngularJS学习之filter过滤器的用法

系统的学习angularjs,发现angularjs的有些思想根php的模块smarty很像,例如数据绑定,filter.如果对smarty比较熟悉的话,学习angularjs会比较容易一点.这篇简单说一下angularjs的filter功能,angularjs的filter功能可分为二种,一种是内置的过滤器,一种是自定义的. 一,内置的过滤器 1,uppercase,lowercase大小转换 {{ "lower cap string" | uppercase }}   //结果:L

AngularJS 中 Provider 的用法及区别

在一个分层良好的 Angular 应用中,Controller 这一层应该很薄.也就是说,应用里大部分的业务逻辑和持久化数据都应该放在 Service 里. 为此,理解 AngularJS 中的几个 Provider 之间的区别很有必要. Provider 创建的新服务都可以用来注入.包括: provider factory service constant value 另外,内建的服务 $controller 和 $filter 也可以被注入,同时也可以使用这些服务来获得新的过滤器和控制器.

AngularJS中的指令

欢迎大家讨论与指导 : ) 明天天会继续更新本文O(∩_∩)O  前言 当AngularJS中的内置指令不能满足我们的需求,或者当我们需要创建一个能够用于多个AngularJS程序的自包含的功能单元时,我们应该创建自定义指令来满足需求.  一.创建自定义指令   一 . 1 命名规则  我们要在创建指令时使用峰驼式命名,例如指令是 <div unordered-list></div>  在声明指令时我们需要这样子写 app.directive("unorderedList