Angularjs中的$filter

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了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:

 

以上是关于Angularjs中的$filter的主要内容,如果未能解决你的问题,请参考以下文章

Angularjs中的$filter

AngularJS中的指令

AngularJS中的transclusion案例

angularjs中的异步操作

AngularJS 中的状态过滤是啥?

angularjs中的filter(过滤器)