AngularJS货币过滤器用于将数字转换为货币格式。如果未指定货币格式, 则货币过滤器将使用本地货币格式。
语法如下:
{{ currency_expression | currency : symbol : fractionSize}}
【AngularJS如何使用货币过滤器(代码示例)】参数:它包含上面提到和下面描述的两个参数:
- 符号:它是可选参数。用于指定货币符号。货币符号可以是任何字符或文本。
- 分数:它是可选参数。用于指定小数位数。
<
!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 curreency
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 >
输出如下:
文章图片
范例2:本示例以fromat货币形式显示数字。
<
!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 curreency
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 >
输出如下:
文章图片
推荐阅读
- JavaScript中的循环语句用法详细指南
- 本图文详细教程教你如何更新win10显卡驱动
- 本图文详细教程教你win10开始菜单没反应怎样处理
- 本图文详细教程教你怎样设置win10任务栏
- 本图文详细教程教你如何激活win10家庭版密钥
- 本图文详细教程教你win8怎样升级win10
- 本图文详细教程教你电脑win10版本如何区别
- win10专业版与企业版的区别最新推荐
- 本图文详细教程教你win10破解密码