AngularJs filter 过滤器
Filter
Ng里的过滤器。
currency:把一个数字格式化成货币模式(如$1,234.56)。当没有提供任何货币符号时,默认使用当前区域的符号。
使用:
HTML:{{ currency_expression | currency:symbol:fractionSize}}
JS:$filter(“currency”)(amount,symbol,fractionSize);
amount:数值,过滤的值。
symbol:字符串,要显示的货币符号或标识符。
fractionSize:数值,整数的小数位数,默认为当前的最大位数。
date:基于需要的格式将时间格式化成字符串。
使用:
HTML:{{date_expression | date:format:timezone}}
JS:$filter(“date”)(date,format,timezone);
date:格式化为日期的日期对象。如果没有指定输入的时区字符串,时间则是当地时间。
format:格式规则/格式。
timezone:时区。
filter:从数组中选出一个子集,并将其作为一个新数组返回。
使用:
HTML:{{filter_expression | filter:expression:comparator}}
JS:$filter(“filter”)(array,expression,comparator);
array:被过滤的数组。
expression:字符串/对象/函数,用于从数组中选择数据的判断表达式。使用$可以匹配任何字段。
comparator:函数/Boolean/undefined,用于确定预期的值(从filter表达式返回)和实际的值(数组中的对象)进行比较,应视为匹配。function(actual,expected){return true 来匹配};
json:允许将一个javascript对象转换为json字符串。
使用:
HTML:{{json_expression | json:spacing}}
JS:$filter(“json”)(object,spacing);
object:过滤的对象。
spacing:每个缩进的空格数,默认为2。
limitTo:创建一个只包含指定数目元素的数组或字符串。元素是按指定的值和符号(+或-)从数组、字符串或数字的开头或结尾获取的。如果输入一个数字,则转换为字符串。
使用:
HTML:{{limitTo_expression | limitTo:limit:begin}}
JS:$filter(“limitTo”)(input,limit,begin);
input:限制的数组,字符串,数字。
limit:限制的长度。
begin:限制长度开始的位置(根据索引)。
lowercase:将字符串转换为小写。
使用:
HTML:{{lowercase_expression | lowercase}}
JS:$filter(“lowercase”)(input);
Input:过滤的字符串。
number:将数值转换为文本。
如果输入是null或undefined,那么其将被返回。如果输入的是无穷(正无穷/负无穷),将会返回无穷大的符号“∞”。如果输入不是一个数字,返回一个空字符串。
使用:
HTML:{{number_expression | number:fractionSize}}
JS:$filter(“number”)(number,fractionSize);
number:转换的数值。
fractionSize:数值,整数的小数位数,默认为当前的最大位数。在默认的区域设置的情况下这个数值是3。
orderBy:通过判断表达式将指定的数组进行排序。它是按字符串的字母顺序和数值的数字排序的。
注意:如果你发现数字没有按预期排序,请确保它们实际上是被保存为数字而不是字符串。
使用:
HTML:{{orderBy_expression | orderBy:expression:reverse}}
JS:$filter(“orderBy”)(array,expression,reverse);
array:排序的数组。
expression:字符串/函数/数组,用来确定元素顺序的表达式。
reverse:boolean,颠倒数组的顺序。默认为false。
uppercase:将字符串转换为大写。
使用:
HTML:{{uppercase_expression |uppercase}}
JS:$filter(“uppercase”)(input);
Input:过滤的字符串。
感谢您的阅读,如果觉得文章对您有帮助,请支持一下。
![]()