AngularJS Filters
মৃত্যুঞ্জয় বিশ্বাস
pipe character দ্বারা ফিল্টারের Expressions ও নির্দেশ যুক্ত করা হয় ।
AngularJS Filters
AngularJS filters ব্যবহৃত হয় data transfers করতে ।
ফিল্টার বর্ণনা
Currency একটি number কে currency format এ বিন্যাস করে ।
Filter একটি array থেকে আইটেম এর একটি উপসেট নির্বাচন করে ।
Lowercase একটি string কে lower case এ বিন্যাস করে ।
orderBy expression দ্বারা একটি array কে order করা হয় ।
uppercase একটি string কে uppercase এ বিন্যাস করে
Expressions এ Filters যোগ করার পদ্ধতি
pipe character (|) এবং filter দ্বারা একটি Expressions যোগ করা যাবে ।
পরবর্তী দুটি উদাহরণের জন্য আমরা আগের অধ্যায়ের person controller ব্যবহার
করব ।
uppercase filter format string করে upper case:
AngularJS উদাহরনঃ
<div ng-app="" ng-controller="personController">
The name is {{ lastName | uppercase }}
</div>
» এটা নিজে চেষ্টা করুন ।
lowercase filter format string করে lower case:
AngularJS উদাহরনঃ
<div ng-app="" ng-controller="personController">
The name is {{ lastName | lowercase }}
</div>
» এটা নিজে চেষ্টা করুন ।
currency Filter
currency filter একটি number কে currency format এ বিন্যাস করে ।
AngularJS উদাহরনঃ
<div ng-app="" ng-controller="costController">
<input type="number" ng-model="quantity">
<input type="number" ng-model="price">
<p>Total = {{ (quantity * price) | currency }}</p>
</div>
» এটা নিজে চেষ্টা করুন ।
Directive এ Filter যোগ করা
pipe character (|) দ্বারা ফিল্টারে directive যোগ করা যায় ।
orderBy filter একটি array কে নির্দেশ করে expression দ্বারাঃ
AngularJS উদাহরনঃ
<div ng-app="" ng-controller="namesController">
<ul>
orderBy:'country'">
{{ x.name + ', ' + x.country }}
</li>
</ul>
<div>
» এটা নিজে চেষ্টা করুন ।
Filtering Input (Input কে ফিল্টার করা )
একটি input filter একটি directive এ যুক্ত হতে পারে pipe character (|) এবং filter এর সাথে , একটি colon একটি model name এর পরে ।
AngularJS উদাহরনঃ
<div ng-app="" ng-controller="namesController">
<p><input type="text" ng-model="test"></p>
<ul>
orderBy:'country'">
{{ (x.name | uppercase) + ', ' + x.country }}
</li>
</ul>
</div>
» এটা নিজে চেষ্টা করুন ।