AngularJs uppercase Filter
The uppercase Filter in AngularJS is used to change a string to an uppercase string or letters.
Syntax:
{{ string | uppercase}}
Example: This example describes the use of the uppercase Filter in AngularJS.
HTML
<!DOCTYPE html> <html> <head> <title>uppercase Filter</title> <script src= </script> </head> <body ng-app="app" style="text-align:Center"> <h1 style="color:green"> GeeksforGeeks </h1> <h2>AngularJS uppercase Filter</h2> <div ng-controller="geek"> <p> <span style="color:green"> {{msg | uppercase}} </span> is the computer science portal for geeks. <p> </div> <script> angular.module('app', []) .controller('geek', ['$scope', function ($scope) { $scope.msg = 'GeeksforGeeks'; }]); </script> </body> </html> |
Output:
Example 2: This example describes the use of the uppercase Filter in AngularJS by transforming the entered text to uppercase.
HTML
<!DOCTYPE html> <html> <head> <script src= </script> <style> body { text-align: center; font-family: arial; } h1 { color: green; } </style> </head> <body> <h1>GeeksforGeeks</h1> <h2>AngularJS uppercase Filter</h2> <div ng-app="myApp" ng-controller="myCtrl"> <strong>Input:</strong> <br> <input type="text" ng-model="string"> <br> <strong>Output:</strong> <br> {{string|uppercase}} </div> <script> var app = angular.module('myApp', []); app.controller('myCtrl', function ($scope) { $scope.string = ""; }); </script> </body> </html> |
Output:
Please Login to comment...