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的主要内容,如果未能解决你的问题,请参考以下文章