Types of AngularJS Filters

AngularJS Filter

   AngularJS filter is used to added in directive and expressions the help of pipe symbol.

Types of AngularJS Filters

lowercase - This is used to convert the string to lowercase.
uppercase - This is used to convert the string to uppercase.
filter   - Filter is used to separate a subset of some items from the array
currency - Change the number to currency format

Lowercase

  This will convert all the text to Lowercase Character.

<div ng-app="">
Type the Lowercase text : <input type="text" ng-model="value1"><br>
<br>
You Typed: {{value1}}
<br>
LowerCase :{{value1 | lowercase}}
</div>

Uppercase

  This will convert all the text to Uppercase Character.

<div ng-app="">
Type the UpperCase text : <input type="text" ng-model="value1"><br>
<br>
You Typed: {{value1}}
<br>
UpperCase Text is :{{value1 | uppercase}}
</div>

Filter

Example: Another Example   Input Filter Example

-----
-----
<div ng-repeat="x in names | orderBy:'name'">
{{ x.name}}
</div>
-----
-----

currency

 Currency is used to put the $ symbol before the number

 Example: Another Example

-----
-----
<div ng-app="">
Enter Cost: <input type="number" ng-model="cost">
<p>Total = {{ (cost) | currency }}</p>
</div>
-----
-----

Example Program:- (Editor)

Output:-

Advertisement