فیلترها در AngularJs

[mahmoud1234]

در angular js ما 5 نمونه فیلتر داریم که در ادامه نحوه استفاده از آن را توضیح می دهیم.

1-currency
این فیلتر برای تبدیل عدد به واحد پول است.
مانند مثال زیر:
{{ ( price | currency }}

اگر مقدار price برابر با 9.99 باشد خروجی به صورت $9.99 خواهد بود.


2-filter

این فیلتر برای فیلتر کردن مقدار استفاده میشود(جستجو کردن)

کد:

<ul>

<li ng-repeat="x in names | filter:test>
{{ (x.name | uppercase) + ', ' + x.country }}
</li>
</ul>



اگر مقادیر names برابر با




KAI, Denmark
JANI, Norway
HEGE, Sweden


باشد اگر مقدار test را ka قرار دهیم خروجی KAI, Denmark خواهد بود.


3-lowercaseو uppercase
این فیلتر همینطور که از اسمش مشخص برای برای بزرگ و کوچک کردن حروف استفاده می شود مانند مثال زیر

<p>The name is {{ Sitename | lowercase }}</p>


در مثال بالا اگر مقدار sitename برابر www://ALFACOMPLEX.COM باشد خروجی آن به صورت http://www.alfacomplex.com (http://www.alfacomplex.com/) خواهد بود.


4-Order By
این فیلتر برای مرتب سازی بر اساس یک فیلد خواص استفاده می شود.



کد:

<ul>
<li ng-repeat="x in names | orderBy:'country'">
{{ (x.name | uppercase) + ', ' + x.country }}
</li>
</ul>



اگر مقادیر names را برابر با مقادیر مثال قبل قرار دهیم خروجی آن لیستی مرتب شده بر اساس country خواهد بود


منبع:
http://www.alfacomplex.com/forum/thread-11.html (http://www.alfacomplex.com)