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>
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>
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>
-----
-----
-----
<div ng-repeat="x in names | orderBy:'name'">
{{ x.name}}
</div>
-----
-----
currency
Currency is used to put the $ symbol before the numberExample: Another Example
-----
-----
<div ng-app="">
Enter Cost: <input type="number" ng-model="cost">
<p>Total = {{ (cost) | currency }}</p>
</div>
-----
-----
-----
<div ng-app="">
Enter Cost: <input type="number" ng-model="cost">
<p>Total = {{ (cost) | currency }}</p>
</div>
-----
-----
Example Program:- (Editor)
Output:-
Advertisement
0 comments:
Post a Comment