介绍
angular-currency-name
是一个可以将货币金额转换成对应货币名称的 Angularjs 模块。该模块可以根据本地化信息自动判断当前货币的名称,支持多种语言和货币类型,可用于多种web应用场景。
安装
使用 npm 安装 angular-currency-name
技术文章:
$ npm install angular-currency-name --save
配置
要使 angular-currency-name
模块可用,您必须在 AngularJS 应用程序中注入该模块:
angular.module('myApp', ['angular-currency-name']);
使用
系统语言环境配置
您可以通过配置 angular-currency-name
选项来调整系统语言环境。
angular.module('myApp').value('angular-currency-name-config', { locale: 'zh-CN' });
locale
: 货币名称的本地化设置。设置为zh-CN
表示中文简体,设置为en-US
表示英文等。(选填,默认情况下为en-US
)。
货币名称转换
1.注入 angular-currency-name
服务。
angular.module('myApp').controller('myController', function($scope, currencyName) { $scope.currency = 100.00; $scope.currencyName = currencyName.toWords($scope.currency); });
2.在模板中使用 $scope.currencyName
显示货币名称。
例如,如果您的货币是美元,则 $100.00 将被转换为 One Hundred Dollars。
转换钱币类型
$scope.currencyName = currencyName.toWords($scope.currency, 'USD')
将美元金额转换为美元名称。
$scope.currencyName = currencyName.toWords($scope.currency, 'GBP')
将美元金额转换为英镑名称。
货币数量格式化
您可以在传递到 toWords()
函数中的参数中添加货币位数。
$scope.currencyName = currencyName.toWords($scope.currency, 'USD', 2);
这将在“Dollars”后添加“00/100”,例如 $1,000.00
。设置货币位数为零将不会添加分数部分。
总结
angular-currency-name
这个小型的 angularjs 模块可以在您的应用程序中轻松地实现货币金额到货币名称的转换。任务历时十分繁琐又容易出现错误,其包含的多语言国际化设计可以极大地减少代码量并增加应用程序的可靠性。
示例代码
-- -------------------- ---- ------- -- ------- --------------------- -- ----------------------- -------------------------- -------------------------------------- - ------- ------- -- --------------------------- ---------------- ------------- - -- -------------------- --------------- - ------- ------------------- - -------------------------------------- ---
<!--最后,我们显示名称--> <div ng-app="myApp" ng-controller="myController"> <h1>{{ currencyName }}</h1> </div>
来源:JavaScript中文网 ,转载请注明来源 https://www.javascriptcn.com/post/6005599381e8991b448d7292