关于ng的过滤器的详细解释angularfilterBuleDog|过滤的解释_宠物食品

在使用ng框架做项目的时候，我们可能会使用到ng自带的过滤器，来进行数据的筛选

一：ng自带的过滤器：currency,date,limitTo,lowercase,uppercase,number,orderBy,json,filter

过滤器有两种使用方法：第一种，页面是直接使用；第二种，js中使用

以上的过滤器的使用时偏简单的，查看文档对你很有用

这里，我们来讲解一下上面的简单中的很少用到的json,filter

关于json过滤器的作用是将一个javaScript对象转化为一个JSON字符串：

demo:

{{{name:'Ari',City:'SanFrancisco'}|json}}

页面显示的效果是:{"name":"Ari","City":"SanFrancisco"}

关于filter过滤器的用法：

页面中直接使用

页面显示的效果是：["aaassddd","kkklljj"]

举一个在js中使用的demo吧

{{name}}{{dollar}}{{['Ari','Lerner','Likes','To','Eat','Pizza']|filter:'e'}}{{{name:'Ari',City:'SanFrancisco'}|json}}{{["aaassddd","bbbdddeee","kkklljj"]|filter:"!e"}}

二:讲解了ng的内置过滤器，我们来学学如何自定义过滤器

ng的自定义过滤器返回的是一个函数，我们可以在这个函数里进行系列操作

js:

varmyFilter=angular.module("filterModule",[]).filter("filter1",function(){returnfunction(item){returnitem+'ABCDE';}});html:

结果：1983-09-15ABCDE

demo2:自定义过滤器（直接上例子）

关于ng的过滤器的详细解释angularfilterBuleDog

过滤的意思过滤是什么意思

过滤的解释和发音「欧路词典」英汉汉英词典为您提供权威的英语单词解释真人发音用法

过滤的注意事项

过滤的拼音,过滤的意思与造句

F6过滤等级—解释F6过滤等级的意义和过滤效率范围

清扫粉尘：过滤器等级解释

关于ng的过滤器的详细解释angularfilterBuleDog

西安市优质教育资源共享平台