資源描述：
《angularjs中的過濾器filter用法完全解析_angularjs》由會(huì)員上傳分享，免費(fèi)在線閱讀，更多相關(guān)內(nèi)容在工程資料-天天文庫。
1、AngularJS中的過濾器filter用法完全解析在AngularJS的世界里，filter提供了一種格式化數(shù)據(jù)的方法，Angular也提供給我們了很多內(nèi)建的過濾器，并且建立自定義過濾器也是相當(dāng)?shù)暮唵卧贖TML的模板綁定{{}}屮，我們使用丨來調(diào)用過濾器，比如，我們想讓字符串全部大寫字符顯示：{{name
2、uppercase}}SeeitAriLernerARILERNER當(dāng)然了，我們也可以在JavaScript中使用$filter服務(wù)來調(diào)用過濾器，還拿字符串大寫來舉例：app.control1er（'DemoControl1er，,['$scope'
3、,'$filter，,function（$scopc,$filtcr）{$scope?name=$filter（，lowercase，）（'Ari，）;}]）；如何傳遞參數(shù)到filter呢？只需要把參數(shù)放在filter之后，中間加個(gè)冒號(hào)（如果有多個(gè)參數(shù)要傳遞，在每個(gè)參數(shù)后加上冒號(hào)）比如，數(shù)字過濾器可以幫助我們限制數(shù)字的位數(shù)，如果想顯示兩位小數(shù)，加上number:2就可以了{(lán){123.456789
4、number:2}}filter過濾器主要用來過濾一個(gè)數(shù)組數(shù)據(jù)并返回一個(gè)包含了數(shù)組數(shù)據(jù)的新數(shù)組。比如，在客戶端搜索時(shí)，我們可以快速的從數(shù)組中過濾出我們想要的結(jié)果
5、。這個(gè)filter方法接收一個(gè)string,object,或者function參數(shù)用來選擇/移除數(shù)組元素。下滿我們具體來看：一，內(nèi)置的過濾器1,uppercase,lowercase大小轉(zhuǎn)換{{"lowercapstring"
6、uppercase}}//結(jié)果：LOWERCAPSTRING{{"TANKisGOOD"
7、lowercase}}//結(jié)果：tankisgoodI這里的豎線是一種管道功能，如果對lirmx比較熟悉的話，這塊的丨根lirmx的管道功能，基本是一樣的2,json格式化{{{foo:〃bar〃，baz:23}
8、json}}//結(jié)果：{〃f
9、oo〃："bar",〃baz〃：23}注意：bza沒格式前是沒有雙引號(hào)的，格式化后就轉(zhuǎn)換成了json數(shù)據(jù)了。3,date格式化mysql時(shí)間戳ng-bind二〃message,time*1000
10、date/yyyy-mm-dd，z，{{1304375948024{{1304375948024{{13043759480246:39AMdate:'medium'}}//May03,201106:39:08PMdate}}//結(jié)果：May3,2011date:〃MM/dd/yyyy@}}//結(jié)果：05/03/2011@{{130437594802406:39:
11、08date:，zyyyy-MM-ddhh:mm:ss?，}}//結(jié)果:2011-05-034,number格式化{{1.234567number:1}}//結(jié)果:1.2{{1234567number}}//結(jié)果：1,234,5673,currency貨幣格式化{{250
12、currency}}{{250
13、currency:，ZRMBY//結(jié)果:$250.00}}//結(jié)果：RMB￥250.003,filter查找只能查value,不能查key{{[{"age":20,"id":10,ame?，:"iphone"},iage:12,id:11,name:su
14、nmxing),{"age":44,"id":12,"name，z:"testabc"}]Ifilter's'}}//查找含有有s的彳亍//上例結(jié)果：[{"age":12,〃id〃：11,"name":〃sunmxing〃},{"age":44,"id":12,"name":氣eslabc"}]{{[{"age":20,〃id〃：10,"name":"iphonc"},{〃age":44,〃id〃：12,"name":"testabc，z}]
15、filter:{'name'ip'}}}//查找name1ikeip的行//上例結(jié)果:[{"age":20,"i
16、d":10,"name":"iphone"}]$filterCnumber')(30000,2);varjsonString二$"lter('json')({"age":12,〃id〃：11,〃name":〃simmxing〃},{"age":44,"id":12,"name":氣eslabc'3])3,limitTo字符串，對像的截取{{"ilovetank，z
17、limitTo:6}}//結(jié)果：ilove{{"ilovetank"
18、limitTo:-4}}//結(jié)果：tank{{[{"age":20,〃id〃：10,"name":"iphone"},1a
19、ge:1厶id:11,name:sunmxingj,12,z，name，/:"t
