Using pipe(|) character Filters of AngularJS are used to change the data in directives. This selects a subset of items from array
and returns it as a new array. An AngularJS filter formats the value of an expression for display to the user. They can be used in view templates, controllers or services. It is easy to create your own filter.
{{ filter_expression | filter : expression : comparator : anyPropertyKey}}
{{ filter_expression | filter }}
{{ filter_expression | filter1 | filter2 | … }}
{{ filter_expression | filter:argument1:argument2:… }}
Here are list of filters below:
To show name in all capital letters use uppercase filter.
Name: {{name.fullName() | uppercase}}
To show name in all lowercase letters use lowercase filter.
Name: {{name.fullName() | lowercase}}
You can use currency filter to show price using currency format.
Salary: {{name.salary | currency}}
To order name by alphabet, you can use orderBy.
Name:<ul> <li ng-repeat="fullname in name.firstName | orderBy:'firstName'"> {{ fullname.firstName }} </li> </ul>
Read Also: AngularJS Scopes
To display only required name, we’ve used subjectName as filter.
Enter name: <input type=”text” ng-model=”userName”>
Name:<ul> <li ng-repeat="fullname in name.firstName | filter: userName"> {{ fullname.firstName }} </li> </ul>
Based on United States, Jacob Frazier is a skilled JavaScript developer with over 8 years of experience. He is passionate about change and trying new things, both professionally and personally. He loves startups and is extremely proactive.
When was the last time you heard that a clone app like Gojek could efficiently…
The e-commerce market is growing and evolving at a rapid pace. More and more people…
IplWin stands as a reliable and enthralling platform for Indian punters, offering a captivating blend…
Introduction In today's online age, consumers are constantly bombarded with information. They crave valuable content…
In today’s rapidly aging society, finding a living situation that provides older adults with both…
If you wish to purchase a Mac, then it is strongly suggested to consider purchasing…