AngularJS | Filtro de moneda

El filtro de moneda AngularJS se usa para convertir un número en un formato de moneda. Si no se especifica ningún formato de moneda, el filtro de moneda utiliza el formato de moneda local.
Sintaxis: 

{{ currency_expression | currency : symbol : fractionSize}}

Parámetros: contiene dos parámetros, como se mencionó anteriormente y se describe a continuación:  

  • símbolo: Es un parámetro opcional. Se utiliza para especificar el símbolo de la moneda. El símbolo de moneda puede ser cualquier carácter o texto.
  • tamaño de fracción: es un parámetro opcional. Se utiliza para especificar el número de decimales.

Ejemplo 1: este ejemplo muestra el número en formato de moneda india.  

html

<!DOCTYPE html>
<html>
    <head>
        <title>Currency Filter</title>
         
        <script src=
"https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.min.js">
        </script>
    </head>
     
    <body>
  
        <div ng-app="gfgApp" ng-controller="currencyCntrl">
             
            <h3>
                Currency filter with currency
                symbol and fraction size.
            </h3>
             
             
 
<p>Amount : {{ amount | currency : "Rs" : 2}}</p>
 
 
        </div>
  
        <script>
            var app = angular.module('gfgApp', []);
             
            app.controller('currencyCntrl', function($scope) {
                $scope.amount = 75;
            });
        </script>
    </body>
     
</html>

Producción: 
 

Ejemplo 2: Este ejemplo muestra el número en formato de moneda.  

html

<!DOCTYPE html>
<html>
    <head>
        <title>Currency Filter</title>
         
        <script src=
"https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.min.js">
        </script>
    </head>
     
    <body>
  
        <div ng-app="gfgApp" ng-controller="currencyCntrl">
             
            <h3>
                Currency filter without currency
                symbol and fraction size.
            </h3>
             
             
 
<p>Amount : {{ amount | currency}}</p>
 
 
        </div>
  
        <script>
            var app = angular.module('gfgApp', []);
             
            app.controller('currencyCntrl', function($scope) {
                $scope.amount = 38;
            });
        </script>
  
    </body>
</html>

Producción: 
 

Publicación traducida automáticamente

Artículo escrito por aman neekhara 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 *