angular - 如何根据 Angular 2中的用户区域设置格式化数字

标签 angular angular2-services

如何在 Angular 2 中根据用户区域设置格式化数字

示例 - 如果用户区域设置为德语(德国),则数字显示为 1.234,56

最佳答案

JavaScript 中已经有可用的函数。 你可以调用它。 https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/Number/toLocaleString

示例:

var number = 123456.789;

// German uses comma as decimal separator and period for thousands
console.log(number.toLocaleString('de-DE'));
// → 123.456,789

// Arabic in most Arabic speaking countries uses Eastern Arabic digits
console.log(number.toLocaleString('ar-EG'));
// → ١٢٣٤٥٦٫٧٨٩

// India uses thousands/lakh/crore separators
console.log(number.toLocaleString('en-IN'));
// → 1,23,456.789

// the nu extension key requests a numbering system, e.g. Chinese decimal
console.log(number.toLocaleString('zh-Hans-CN-u-nu-hanidec'));
// → 一二三,四五六.七八九

// when requesting a language that may not be supported, such as
// Balinese, include a fallback language, in this case Indonesian
console.log(number.toLocaleString(['ban', 'id']));
// → 123.456,789

您可以将此语言环境存储在一些常量文件中并使用它。

关于angular - 如何根据 Angular 2中的用户区域设置格式化数字,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43323210/

相关文章:

html - 如何在 Angular2 (ngx) 中通过 css 选择器找到元素?

angular - 错误 : No provider for ShopService! 在另一个服务中使用一个服务

javascript - Angular2如何从MVC传递应用程序配置?

angular - angular2 + 动态添加/删除后无法重新调用按钮

angular - 使用angular-cli构建时如何排除文件夹应用程序内的文件夹?

javascript - Angular 2 - 未捕获( promise ): RangeError: Maximum call stack size exceeded

Angular2 可观察共享不起作用

css - 如何有条件地更改 Angular 组件中的样式 url?是否可以?

Angular.json - 设置测试的默认配置

javascript - Angular 2 : blur contenteditable div on enter