📅 最后修改于: 2023-12-03 15:29:24.354000 🧑 作者: Mango
在AngularJS中，过滤器是一个可以转换数据格式的函数。货币过滤器可以将数字格式化为货币格式，以便于在界面上进行展示。
在模板中使用currency过滤器：
<p>{{ price | currency }}</p>
在控制器中使用$filter服务：
angular.module('myApp').controller('myCtrl', function($scope, $filter) {
$scope.myPrice = $filter('currency')(123.45);
});
currency过滤器有两个参数：
amount：必需，表示要转换的数字值。symbol：可选，表示货币符号。默认值为$。使用自定义货币符号：
<p>{{ price | currency:'¥' }}</p>
使用currency过滤器还可以指定显示小数点后几位。默认显示两位小数。
显示一位小数：
<p>{{ price | currency:undefined:1 }}</p>
在使用货币符号时，通常使用ISO 4217标准中定义的货币代码。以下是一些常用货币代码：
| 货币 | 代码 | |--------|--------| | 美元 | USD | | 欧元 | EUR | | 人民币 | CNY | | 英镑 | GBP | | 日元 | JPY |
<!DOCTYPE html>
<html ng-app="myApp">
<head>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.min.js"></script>
</head>
<body ng-controller="myCtrl">
<p>{{ price | currency }}</p>
<p>{{ price | currency:'¥' }}</p>
<p>{{ price | currency:'USD':1 }}</p>
<script>
angular.module('myApp', []).controller('myCtrl', function($scope) {
$scope.price = 123.45;
});
</script>
</body>
</html>
渲染结果：
$123.45
¥123.45
$123.4
以上就是AngularJS中货币过滤器的介绍，希望对你有所帮助！