Angularjs Examples

AJS Examples


AngularJS Format String in Lowercase Using Lowercase Filter

In this AngularJS lowercase filter example you will learn how to format string in lowercase using lowercase filter.

Here you can view the output of the example and you can also "try it yourself" by clicking on "Live Demo" button given at the bottom.

Syntax

{{ string | lowercase}}

AngularJS Format String in Lowercase Using Lowercase Filter Example

<!DOCTYPE html>          
<html>          
<head> <!-- www.techstrikers.com -->           
 <script src="//ajax.googleapis.com/ajax/libs/angularjs/1.3.0-beta.1/angular.min.js"></script>           
    <meta charset="utf-8">          
    <title>AngularJS Format string in lowercase 
	using lowercase filter Example</title>          
  <script>          
var app = angular.module('app', []);          
    app.controller("ParentController", function ($scope) {  
      $scope.url = "WWW.TECHSTRIKERS.COM";
    });   
</script>          
</head>          
<body style="background-color:#DDE4E9;">          
  <fieldset style="background-color:#DDE4E9;font-family:arial;">                      
    <legend>AngulerJS Format string in lowercase 
	using lowercase filter Example</legend>           
  <div ng-app="app">   
    <div ng-controller="ParentController">   
      <p>Changed in Lowercase :- {{url | lowercase}}</p>
  </div>  
</div>          
</div>          
 </fieldset>           
</body>          
</html>