AngularJS | filtro de minúsculas

El filtro de minúsculas se utiliza para convertir una string en letras minúsculas .

Sintaxis:

{{expression|lowercase}}

Ejemplo 1:

<!DOCTYPE html>
<html>
<script src=
"https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.min.js">
  </script>
  
<body>
  
    <h2>AngularJS - lowercase</h2>
    <br>
    <br>
  
    <div ng-app="myApp" 
         ng-controller="myCtrl">
  
        <strong>Input:</strong>
        <br>
        <input type="text" 
               ng-model="string">
        <br>
        <br>
        <strong>Output:</strong>
        <br> {{string|lowercase}}
  
    </div>
  
    <script>
        var app = angular.module('myApp', []);
        app.controller('myCtrl', function($scope) {
            $scope.string = "";
        });
    </script>
  
</body>
  
</html>

Ejemplo-2:

<!DOCTYPE html>
<html>
<script src=
"https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.min.js">
  </script>
  
<body>
  
    <h2>AngularJS - lowercase</h2>
    <br>
    <br>
  
    <div ng-app="myApp"
         ng-controller="myCtrl">
  
        <strong>First Name:</strong>
        <br>
        <input type="text"
               ng-model="firstName">
        <br>
        <br>
        <strong>Last Name:</strong>
        <br>
        <input type="text" 
               ng-model="lastName">
        <br>
  
        <strong>Output:</strong>
        <br> {{firstName|lowercase}}
             {{lastName|lowercase}}
  
    </div>
  
    <script>
        var app = angular.module('myApp', []);
        app.controller('myCtrl', function($scope) {
            $scope.firstName = "";
            $scope.lastName = "";
        });
    </script>
  
</body>
  
</html>

Producción:

Publicación traducida automáticamente

Artículo escrito por sanchit496 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *