加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 综合聚焦 > 服务器 > 安全 > 正文

[Angularjs]过滤器

发布时间:2020-12-17 10:36:12 所属栏目:安全 来源:网络整理
导读:写在前面 系列文章 一个例子 currency 过滤器 /spanspan style="color: #0000ff;"gt;//spanspan style="color: #800000;"gt;script/spanspan style="color: #0000ff;"gt;/span span style="color: #0000ff;"/ span style="color: #800000;"head span style="

写在前面

系列文章

一个例子

currency

过滤器 </span><span style="color: #0000ff;"&gt;</</span><span style="color: #800000;"&gt;script</span><span style="color: #0000ff;"&gt;></span>

<span style="color: #0000ff;"></<span style="color: #800000;">head<span style="color: #0000ff;">>
<span style="color: #0000ff;"><<span style="color: #800000;">body<span style="color: #0000ff;">>
<span style="color: #0000ff;"><<span style="color: #800000;">div <span style="color: #ff0000;">ng-controller<span style="color: #0000ff;">="FilterController"<span style="color: #0000ff;">>
<span style="color: #0000ff;"><<span style="color: #800000;">ul<span style="color: #0000ff;">>
<span style="color: #0000ff;"><<span style="color: #800000;">li<span style="color: #0000ff;">>
<span style="color: #008000;"><span style="color: #000000;">
currency:{{1023|currency}}
<span style="color: #0000ff;"></<span style="color: #800000;">li<span style="color: #0000ff;">>
<span style="color: #0000ff;"></<span style="color: #800000;">ul<span style="color: #0000ff;">>
<span style="color: #0000ff;"></<span style="color: #800000;">div<span style="color: #0000ff;">>
<span style="color: #0000ff;"></<span style="color: #800000;">body<span style="color: #0000ff;">>
<span style="color: #0000ff;"></<span style="color: #800000;">html<span style="color: #0000ff;">>

date

年份格式化< 月份格式化 日期格式化 小时格式化 分钟格式化 秒数格式化 字符格式化

{{today|date:'yyyy-MM-dd'}}

filter

  • 字符串:返回所有包含这个字符串的元素。如果我们想返回不包含这个字符串的元素,在参数前加!符号。
  • 对象:Angularjs会将待过滤对象的属性同这个对象中的同名属性进行比较,如果属性值是字符串就会判断是否包含该字符串。如果我们希望对全部属性进行对比,可以将$当作键名。
  • 函数

{{[{'id':1,'age':22}]|filter:ageThan21 }}
21) { return p; }; };

json

limitTo

{{ ['a','b','c','d','e','f'] | limitTo:1 }}

lowercase

uppercase?

number

?orderBy

  • 函数:该函数作为排序对象的getter方法。
  • 字符串:对这字符串进行解析的结果将决定数组元素的排序方向。可以传入+或者-来进行强制升序或者降序。
  • 数组:在排序表达式中使用数组元素作为谓词。对于与表达式结果并不严格相等的每个元素,则使用第一个谓词。

自定义过滤器

总结

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读