Uppercase Filter to convert the string into an uppercase.

In this blog, we are going to learn about the uppercase filter of angular.

about_us_imgUppercase

If the Uppercase filter is used then the string that is taken as an input in any format is formatted and gets displayed to the user in an uppercase format as an output.

The uppercase filter is used the convert any string into the Uppercase format in the angular.

Syntax

{{expression | uppercase}}

Example:

<!DOCTYPE html>
<html>
<head>
<script  src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.16/angular.min.js">
</script>
</head>
   <body ng-app >
      <h1>AngularJS Uppercase Filter: </h1>
   <div ng-init="firstName='test'; lastName='user'">
      Upper case: {{firstName + ' ' +lastName | uppercase}} 
   </div>
</body>
</html>


OUTPUT of the example :


Upper case: TEST USER


So, thanks for following this blog, and if you need any help please leave your queries in the comment box we will be happy to help you.