AngularJS 中的货币过滤器是什么？

在本文中，我们将了解 AngularJS 中的货币过滤器，并通过示例了解其实现。过滤器用于以某种方式修改或格式化给定的数据。 AngularJS 有不同的过滤器，例如大写、小写等。其中一个过滤器是货币过滤器。

货币过滤器将给定数字修改或格式化为货币。换句话说，我们只是取一个数字并以特定的货币格式显示它。

HTML 模板的语法：

{{ amount | currency : symbol : fractionSize}}

JavaScript 的语法：

$filter('currency')(amount, symbol, fractionSize)

参数：它接受2个参数，如下所述：

• 金额：格式化为货币所需的数字输入。
• symbol ：它是一个可选参数，我们提供要显示的符号或标识符。默认情况下，它设置为美元符号。
• fractionSize ：它将特定数字四舍五入到特定的小数位。这是一个可选参数 & 默认情况下，它设置为当前语言环境的默认最大值。

示例：此示例描述了不使用可选参数的货币过滤器。

HTML

  

    Currency Filter
    
    

  

    
        GeeksforGeeks
        
            Currency Filter without optional parameters
        
        
            Number: {{curr}}
            After applying currency filter: 
            Price = {{ curr | currency}}
        
        
            var app = angular.module('myApp', []);
            var curr = 1000.5555;
            app.controller('currencyCtrl', function($scope) {
                $scope.curr = curr;
            });
        
    

输出：

不带参数的货币过滤器

示例：此示例描述了带有可选参数的货币过滤器。

HTML

  

    Currency Filter
    
    

  

    
        GeeksforGeeks
        Currency Filter with optional parameters
        
            Number: {{curr}}
            After applying currency filter: 
            Price = {{ curr | currency : "₹" :3}}
        
        
            var app = angular.module('myApp', []);
            var curr = 1000.5555;
            app.controller('currencyCtrl', function($scope) {
                $scope.curr = curr;
            });
        
    

输出：

带参数的货币过滤器