AngularJS currency 过滤器

  • 定义和用法

    currency 过滤器将数字格式化为货币格式。
    默认情况下,使用区域设置货币格式。
  • 语法

    {{ number | currency : symbol : fractionsize }}
  • 参数

    参数 必需的 描述
    symbol 要显示的货币符号。 该符号可以是任何字符或文本。
    fractionsize 小数位数。
  • 示例

    下例演示了 currency 过滤器将数字格式化为货币:
    <!DOCTYPE html>
    <html lang="en">
    <head>
    <meta charset="UTF-8">
    <title>欢迎来到蝴蝶教程</title>
    <script src="//cdn.bootcss.com/angular.js/1.5.8/angular.min.js"></script>
    </head>
    <body>
        <div ng-app="myApp" ng-controller="costCtrl">
            <h1>价格: {{ price | currency }}</h1>
        </div> 
        <script>
            var app = angular.module('myApp', []);
            app.controller('costCtrl', function($scope) {
                $scope.price = 58;
            });
        </script>
         <p>currency 过滤器将数字格式化为货币格式。</p>
    </body>
    </html>
    
    尝试一下