Wie legen Sie das Gebietsschema für die zahlen in eckigen 2.0

Zahlenformat in Schweizer-Deutsch ist wie "100'000.00" (nicht "die 100.000.00"). Wie kann ich das ändern? Ich habe versucht, die Einstellungen zu ändern in number_pipe.js von en-US auf de-CH ohne Erfolg.

var defaultLocale: string = 'de-CH';

Gibt es eine Abhilfe oder muss ich zur Umsetzung meiner eigenen Leitung?

Sie können sehen, meine Antwort hier

InformationsquelleAutor surfspider | 2016-06-07

  1. 2

    Versuchen, mit den "locale-Nummer.Rohr.ts oder

    könnten Sie ein einfaches Rohr, basierend auf NumeralJs um zahlen zu formatieren

    https://github.com/adamwdraper/Numeral-js

    InformationsquelleAutor AngJobs on Github

  2. 3

    Folgenden ist die meine Lösung und es wird helfen, jemand.

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

@Pipe({
  name: 'amountConverter'
})
export class AmountConverterPipe implements PipeTransform {

  transform(value: number | string, locale?: string): string {
    return new Intl.NumberFormat(locale, {
      minimumFractionDigits: 2
    }).format(Number(value));
  }

}

    In der html, die Sie verwenden können, wie folgt

     <span class="strong">{{Price  | amountConverter:locale}}</span>

    Zahlenformat ändern sich entsprechend auf den Wert der locale.

    Entnehmen Sie bitte https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/NumberFormat für mehr detail.

    InformationsquelleAutor Janith Widarshana

  3. 0

    Die beste option für mich war der berühmte https://www.npmjs.com/package/numeral Paket. (er arbeitet mit derselben logischen der moment.js)

    Installieren: npm i [email protected] und mit Typen npm i --save-dev @types/[email protected]

    In Ihrem ts Datei, die Sie verwenden können, wie folgt: 

    `R$ ${numeral(<your-model-value>).value().toLocaleString()}`

    Für die HTML-Vorlage, die Sie erstellen können ein Pipe wie diese:

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

@Pipe({
  name: 'numberLocale'
})
export class NumberLocalePipe implements PipeTransform {

  transform(value: any, args?: any): any {

    const numeralNumber = numeral(value);

    return numeralNumber.value().toLocaleString();
  }
}

    Darüber hinaus für Währung (und Orte) eine gute Strategie ist die Benutzung des Paket - ng2-currency-mask für Währung - Masken in HTML - (aber auf ts Dateien, die Sie können sollten "übersetzen" den gebundenen Wert in das Modell mit numeral vor speichern Ihre model-Objekt.

    Mit ng2-currency-mask auf HTML-Vorlage:

    <input [(ngModel)]="model.value"
   [options]="{ prefix: 'R$ ', thousands: '.', decimal: ',' }"
   allowNegative="false" currencyMask>

    Und auf ts vor speichern das Modell:

    if(this.model.value)
   this.model.value = numeral(this.model.value).value();

    https://github.com/cesarrew/ng2-currency-mask

    InformationsquelleAutor Richard Lee

Schreibe einen Kommentar