如何基于在用户区域格式化多个角2

Question

如何基于在角2

实施例的用户区域格式化数目 - 如果用户区域是德国（德国），则号码显示为1.234,56

Answer 1

您可以创建一个过滤器，您可以在显示数字时在整个应用程序中使用该过滤器。

创建过滤器：

angular.module('myApp', []) 
.filter('formatNumber', function() { 
    return function(input) { 
    // Get the locale using any technique 
    var locale = window.navigator.language; 
    if (locale == 'GERMANY') { // test code, replace with your logic 
     return // German formatted number 
    else 
     return // defaults 
    }; 
}) 

角2：

import { Pipe, PipeTransform } from '@angular/core'; 

@Pipe({name: 'formatNumber'}) 
export class FormatNumberPipe implements PipeTransform { 
    transform(value: string, args: string[]): any { 
    if (!value) return value; 

    // Get the locale using any technique 
    var locale = window.navigator.language; 
    if (locale == 'GERMANY') { // test code, replace with your logic 
     return // German formatted number 
    else 
     return // defaults 
    } 
} 

用法在HTML：

<div> 
    <span class="qty">{{ number | formatNumber }} </span> 
</div> 

Answer 2

已经有在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 

你可以只此语言环境存储在它周围的一些常数文件&发挥。