cemtopkaya (10:46):

9 Temmuz 2015 Perşembe

Angularjs filtreleri ve kullanımları


currency (para birimi):

varsayılan para birimi ($):{{1234.56 | currency}} => $1,234.56
özel tanımlananan para birimi :{{1234.56 | currency:"TL":0}} => TL1,235

":0" virgülden sonraki kesirli basamak sayısını belirlemek için kullanılır.
{{1234.56 | currency:"TL":1}} olsaydı çıktımız => TL1,234.5 olacaktı.

date (tarih formatlama):

{{1288323623006 | date:'medium'}}                                 => Oct 29, 2010 6:40:23 AM
{{1288323623006 | date:'yyyy-MM-dd HH:mm:ss Z'}}   => 2010-10-29 06:40:23 +0300
{{1288323623006 | date:'MM/dd/yyyy @ h:mma'}}        =>10/29/2010 @ 6:40AM
{{1288323623006 | date:"MM/dd/yyyy 'at' h:mma"}}      => 10/29/2010 at 6:40AM

upparcase (karakter büyütme):


{{ 'esra akyurt' | uppercase }} => ESRA AKYURT

lovercase (karakter küçültme):
{{ 'ESRA AKYURT' | lowercase }} => esra akyurt

limitTo (limit tanımlama):
{{ 'Esra Akyurt' | limitTo:8 }} = Esra Aky

ng-repeat döngüsünün işlem yapacağı kayıt sayısını sınırlandırarak filtreleme;

friends =  [{name:'John', phone:'555-1212', age:10},
           {name:'Mary', phone:'555-9876', age:19},
           {name:'Mike', phone:'555-4321', age:21},
           {name:'Adam', phone:'555-5678', age:35},
           {name:'Julie', phone:'555-8765', age:29}]

 <tr ng-repeat="friend in friends | limitTo:2">
    <td>{{friend.name}}</td>
  </tr>

çıktımız: John-Mary

orderBy (sıralama):
<div ng-repeat="friend in friends | orderBy:'age'">{{friend.age}}</div>
çıktımız:10-19-21-29-35

-age ile azalan sıralama yapılabiliyor.
<div ng-repeat="friend in friends | orderBy:'-age'">{{friend.age}}</div>
çıktımız:35-29-21-19-10
number:
varsayılan: {{1234.56789 | number}} => 1,234.568
Kesirsiz:{{1234.56789 | number:0}} => 1,235

Kaynak:
https://docs.angularjs.org/api/ng/filter