宝哥软件园

AngularJS霸道的过滤器小结

编辑:宝哥软件园 来源:互联网 时间:2021-09-05

一、为什么使用过滤器?

在实际操作中,我们需要对统一数据源进行多次转换,比如我的货币单位,在不同的国家我们将用不同的符号表示。因此,你可能会想到在控制器中判断国家以显示不同的结果,但是过滤器却可以更好的帮助我们做到同样的效果。

过滤器将数据在被指令处理并显示到视图之前进行转换,而不必修改作用域中原有的数据,这样能够允许同一份数据在应用中的不同部分以不同形式得以展示。

接下来,我们详细讨论有关过滤器的用法

二、过滤单个数据的值

下表展示用于单个数据的内置过滤器

这里写图片描述

先来看看我们的准备案例,待会我们将在这个案例的基础上来使用内容过滤器

!DOCTYPE!-使用模块-html ng-app='示例app ' head title angluar test/title meta charset=' utf-8 '/link rel='样式表type=' text/CSS ' href=' CSS/bootstrap。量滴CSS ' rel=' external nofollow ' rel=' external nofollow ' rel=' external nofollow ' rel=' external nofollow ' rel=' external nofollow ' link rel='样式表type=' text/CSS ' href=' CSS/bootstrap-myapp . controller(' Defaultctrl ',function($ scope){ $ scope。产品=[{ name : ' apple ',category: '果核,价格: 1.20,到期: 10 },{名称3: '香蕉,类别: '果核,价格: 2.42,到期: 7 },{名称3: '梨,类别3: '果核价格

更多资讯
游戏推荐
更多+