{"id":5781,"date":"2015-01-23T21:08:40","date_gmt":"2015-01-24T02:08:40","guid":{"rendered":"http:\/\/bangla.salearningschool.com\/?p=5781"},"modified":"2016-09-26T18:10:34","modified_gmt":"2016-09-26T22:10:34","slug":"angularjs-filters","status":"publish","type":"post","link":"http:\/\/bangla.sitestree.com\/?p=5781","title":{"rendered":"AngularJS Filters"},"content":{"rendered":"

AngularJS Filters
\n\u09ae\u09c3\u09a4\u09cd\u09af\u09c1\u099e\u09cd\u099c\u09df \u09ac\u09bf\u09b6\u09cd\u09ac\u09be\u09b8<\/p>\n

pipe character \u09a6\u09cd\u09ac\u09be\u09b0\u09be \u09ab\u09bf\u09b2\u09cd\u099f\u09be\u09b0\u09c7\u09b0 Expressions \u0993 \u09a8\u09bf\u09b0\u09cd\u09a6\u09c7\u09b6 \u09af\u09c1\u0995\u09cd\u09a4 \u0995\u09b0\u09be \u09b9\u09df \u0964
\nAngularJS Filters
\nAngularJS filters \u09ac\u09cd\u09af\u09ac\u09b9\u09c3\u09a4 \u09b9\u09df data transfers \u0995\u09b0\u09a4\u09c7 \u0964<\/p>\n

\u09ab\u09bf\u09b2\u09cd\u099f\u09be\u09b0 \u09ac\u09b0\u09cd\u09a3\u09a8\u09be
\nCurrency \u098f\u0995\u099f\u09bf number \u0995\u09c7 currency format \u098f \u09ac\u09bf\u09a8\u09cd\u09af\u09be\u09b8 \u0995\u09b0\u09c7 \u0964
\nFilter \u098f\u0995\u099f\u09bf array \u09a5\u09c7\u0995\u09c7 \u0986\u0987\u099f\u09c7\u09ae \u098f\u09b0 \u098f\u0995\u099f\u09bf \u0989\u09aa\u09b8\u09c7\u099f \u09a8\u09bf\u09b0\u09cd\u09ac\u09be\u099a\u09a8 \u0995\u09b0\u09c7 \u0964
\nLowercase \u098f\u0995\u099f\u09bf string \u0995\u09c7 lower case \u098f \u09ac\u09bf\u09a8\u09cd\u09af\u09be\u09b8 \u0995\u09b0\u09c7 \u0964
\norderBy expression \u09a6\u09cd\u09ac\u09be\u09b0\u09be \u098f\u0995\u099f\u09bf array \u0995\u09c7 order \u0995\u09b0\u09be \u09b9\u09df \u0964
\nuppercase \u098f\u0995\u099f\u09bf string \u0995\u09c7 uppercase \u098f \u09ac\u09bf\u09a8\u09cd\u09af\u09be\u09b8 \u0995\u09b0\u09c7<\/p>\n

Expressions \u098f Filters \u09af\u09cb\u0997 \u0995\u09b0\u09be\u09b0 \u09aa\u09a6\u09cd\u09a7\u09a4\u09bf
\npipe character (|) \u098f\u09ac\u0982 filter \u09a6\u09cd\u09ac\u09be\u09b0\u09be \u098f\u0995\u099f\u09bf Expressions \u09af\u09cb\u0997 \u0995\u09b0\u09be \u09af\u09be\u09ac\u09c7 \u0964
\n\u09aa\u09b0\u09ac\u09b0\u09cd\u09a4\u09c0 \u09a6\u09c1\u099f\u09bf \u0989\u09a6\u09be\u09b9\u09b0\u09a3\u09c7\u09b0 \u099c\u09a8\u09cd\u09af \u0986\u09ae\u09b0\u09be \u0986\u0997\u09c7\u09b0 \u0985\u09a7\u09cd\u09af\u09be\u09af\u09bc\u09c7\u09b0 person controller \u09ac\u09cd\u09af\u09ac\u09b9\u09be\u09b0
\n\u0995\u09b0\u09ac \u0964
\nuppercase filter format string \u0995\u09b0\u09c7 upper case:<\/p>\n

AngularJS \u0989\u09a6\u09be\u09b9\u09b0\u09a8\u0983
\n<div ng-app=”” ng-controller=”personController”><\/p>\n

The name is {{ lastName | uppercase }}<\/p>\n

<\/div>
\n\u00bb \u098f\u099f\u09be \u09a8\u09bf\u099c\u09c7 \u099a\u09c7\u09b7\u09cd\u099f\u09be \u0995\u09b0\u09c1\u09a8 \u0964<\/p>\n

lowercase filter format string \u0995\u09b0\u09c7 lower case:<\/p>\n

AngularJS \u0989\u09a6\u09be\u09b9\u09b0\u09a8\u0983
\n<div ng-app=”” ng-controller=”personController”><\/p>\n

The name is {{ lastName | lowercase }}<\/p>\n

<\/div>
\n\u00bb \u098f\u099f\u09be \u09a8\u09bf\u099c\u09c7 \u099a\u09c7\u09b7\u09cd\u099f\u09be \u0995\u09b0\u09c1\u09a8 \u0964
\ncurrency Filter
\ncurrency filter \u098f\u0995\u099f\u09bf number \u0995\u09c7 currency format \u098f \u09ac\u09bf\u09a8\u09cd\u09af\u09be\u09b8 \u0995\u09b0\u09c7 \u0964
\nAngularJS \u0989\u09a6\u09be\u09b9\u09b0\u09a8\u0983
\n<div ng-app=”” ng-controller=”costController”><\/p>\n

<input type=”number” ng-model=”quantity”>
\n<input type=”number” ng-model=”price”><\/p>\n

<p>Total = {{ (quantity * price) | currency }}<\/p><\/p>\n

<\/div>
\n\u00bb \u098f\u099f\u09be \u09a8\u09bf\u099c\u09c7 \u099a\u09c7\u09b7\u09cd\u099f\u09be \u0995\u09b0\u09c1\u09a8 \u0964<\/p>\n

Directive \u098f Filter \u09af\u09cb\u0997 \u0995\u09b0\u09be
\npipe character (|) \u09a6\u09cd\u09ac\u09be\u09b0\u09be \u09ab\u09bf\u09b2\u09cd\u099f\u09be\u09b0\u09c7 directive \u09af\u09cb\u0997 \u0995\u09b0\u09be \u09af\u09be\u09df \u0964
\norderBy filter \u098f\u0995\u099f\u09bf array \u0995\u09c7 \u09a8\u09bf\u09b0\u09cd\u09a6\u09c7\u09b6 \u0995\u09b0\u09c7 expression \u09a6\u09cd\u09ac\u09be\u09b0\u09be\u0983
\nAngularJS \u0989\u09a6\u09be\u09b9\u09b0\u09a8\u0983<\/p>\n

<div ng-app=”” ng-controller=”namesController”><\/p>\n

<ul>
\norderBy:’country'”>
\n{{ x.name + ‘, ‘ + x.country }}
\n<\/li>
\n<\/ul><\/p>\n

<div>
\n\u00bb \u098f\u099f\u09be \u09a8\u09bf\u099c\u09c7 \u099a\u09c7\u09b7\u09cd\u099f\u09be \u0995\u09b0\u09c1\u09a8 \u0964<\/p>\n

Filtering Input (Input \u0995\u09c7 \u09ab\u09bf\u09b2\u09cd\u099f\u09be\u09b0 \u0995\u09b0\u09be )
\n\u098f\u0995\u099f\u09bf input filter \u098f\u0995\u099f\u09bf directive \u098f \u09af\u09c1\u0995\u09cd\u09a4 \u09b9\u09a4\u09c7 \u09aa\u09be\u09b0\u09c7 pipe character (|) \u098f\u09ac\u0982 filter \u098f\u09b0 \u09b8\u09be\u09a5\u09c7 , \u098f\u0995\u099f\u09bf colon \u098f\u0995\u099f\u09bf model name \u098f\u09b0 \u09aa\u09b0\u09c7 \u0964
\nAngularJS \u0989\u09a6\u09be\u09b9\u09b0\u09a8\u0983<\/p>\n

<div ng-app=”” ng-controller=”namesController”><\/p>\n

<p><input type=”text” ng-model=”test”><\/p><\/p>\n

<ul>
\norderBy:’country'”>
\n{{ (x.name | uppercase) + ‘, ‘ + x.country }}
\n<\/li>
\n<\/ul><\/p>\n

<\/div>
\n\u00bb \u098f\u099f\u09be \u09a8\u09bf\u099c\u09c7 \u099a\u09c7\u09b7\u09cd\u099f\u09be \u0995\u09b0\u09c1\u09a8 \u0964<\/p>\n","protected":false},"excerpt":{"rendered":"

AngularJS Filters \u09ae\u09c3\u09a4\u09cd\u09af\u09c1\u099e\u09cd\u099c\u09df \u09ac\u09bf\u09b6\u09cd\u09ac\u09be\u09b8 pipe character \u09a6\u09cd\u09ac\u09be\u09b0\u09be \u09ab\u09bf\u09b2\u09cd\u099f\u09be\u09b0\u09c7\u09b0 Expressions \u0993 \u09a8\u09bf\u09b0\u09cd\u09a6\u09c7\u09b6 \u09af\u09c1\u0995\u09cd\u09a4 \u0995\u09b0\u09be \u09b9\u09df \u0964 AngularJS Filters AngularJS filters \u09ac\u09cd\u09af\u09ac\u09b9\u09c3\u09a4 \u09b9\u09df data transfers \u0995\u09b0\u09a4\u09c7 \u0964 \u09ab\u09bf\u09b2\u09cd\u099f\u09be\u09b0 \u09ac\u09b0\u09cd\u09a3\u09a8\u09be Currency \u098f\u0995\u099f\u09bf number \u0995\u09c7 currency format \u098f \u09ac\u09bf\u09a8\u09cd\u09af\u09be\u09b8 \u0995\u09b0\u09c7 \u0964 Filter \u098f\u0995\u099f\u09bf array \u09a5\u09c7\u0995\u09c7 \u0986\u0987\u099f\u09c7\u09ae \u098f\u09b0 \u098f\u0995\u099f\u09bf \u0989\u09aa\u09b8\u09c7\u099f \u09a8\u09bf\u09b0\u09cd\u09ac\u09be\u099a\u09a8 \u0995\u09b0\u09c7 \u0964 Lowercase \u098f\u0995\u099f\u09bf string \u0995\u09c7 lower case \u098f … <\/p>\n

Continue reading<\/a><\/p>\n","protected":false},"author":8,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[154,29,27,1],"tags":[],"class_list":["post-5781","post","type-post","status-publish","format-standard","hentry","category-angularjs-001","category-complete-courses","category-professional","category-root","item-wrap"],"jetpack_featured_media_url":"","jetpack_sharing_enabled":true,"jetpack-related-posts":[{"id":5804,"url":"http:\/\/bangla.sitestree.com\/?p=5804","url_meta":{"origin":5781,"position":0},"title":"AngularJS References","author":"Author-Check- Article-or-Video","date":"February 2, 2015","format":false,"excerpt":"AngularJS References parijat biswas student of CSE university of Asia Pacific AngularJS Directives \u09af\u09c7\u09b8\u09ac AngularJS Directives \u098f\u0987 \u099f\u09bf\u0989\u099f\u09cb\u09b0\u09bf\u09df\u09be\u09b2\u09c7 \u09ac\u09cd\u09af\u09ac\u09b9\u09c3\u09a4 \u09b9\u09df\u099b\u09c7\u0983 Directive \u09ac\u09b0\u09cd\u09a3\u09a8\u09be \u09ac\u09cd\u09af\u09be\u0996\u09cd\u09af\u09be ng-app \u098f\u0995\u099f\u09bf \u0985\u09cd\u09af\u09be\u09aa\u09cd\u09b2\u09bf\u0995\u09c7\u09b6\u09a8 \u098f\u09b0 \u09ae\u09c2\u09b2 \u0989\u09aa\u09be\u09a6\u09be\u09a8 \u09b8\u0982\u099c\u09cd\u099e\u09be\u09af\u09bc\u09bf\u09a4 \u0995\u09b0\u09be\u09b0 \u099c\u09a8\u09cd\u09af \u09ac\u09cd\u09af\u09ac\u09b9\u09c3\u09a4 Directives ng-bind HTML element \u098f\u09b0 innerHTML \u098f\u09aa\u09cd\u09b2\u09bf\u0995\u09c7\u09b6\u09a8 \u09a1\u09be\u099f\u09be\u09a4\u09c7 \u09af\u09c1\u0995\u09cd\u09a4 \u0995\u09b0\u09c7 \u0964 Introduction ng-click \u098f\u0995\u099f\u09bf \u0989\u09aa\u09be\u09a6\u09be\u09a8 \u0995\u09cd\u09b2\u09bf\u0995 \u0995\u09b0\u09be\u2026","rel":"","context":"In "AngularJS - 001"","block_context":{"text":"AngularJS - 001","link":"http:\/\/bangla.sitestree.com\/?cat=154"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":5775,"url":"http:\/\/bangla.sitestree.com\/?p=5775","url_meta":{"origin":5781,"position":1},"title":"AngularJS \u09aa\u09b0\u09bf\u099a\u09bf\u09a4\u09bf (AngularJS Introduction in Bangla)","author":"Author-Check- Article-or-Video","date":"January 19, 2015","format":false,"excerpt":"\u09aa\u09be\u09b0\u09bf\u099c\u09be\u09a4 \u09ac\u09bf\u09b6\u09cd\u09ac\u09be\u09b8 AngularJS \u098f\u0995\u099f\u09bf JavaScript \u098f\u09b0 framework \u0964 \u098f\u099f\u09bf HTML \u09aa\u09c7\u099c\u09c7\u09b0 \u09b8\u09be\u09a5\u09c7