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