In Winkel 2, wie wird eine Zahl als zwei dezimale gerundete Währung angezeigt?

Question

Beispiele:

• 1,99 -> 1,99
• $ 1,9 -> $ 1.90
• 1 -> $ 1,00
• 1,005 -> $ 1,01
• 1,004 -> 1,00 $

Ich verwende {{num | currency:'USD':true}}, aber es zeigt keine abschließenden 0s.

Answer 1

Verwenden Sie diesen Code. Hier ist ein funktionierendes Beispiel http://plnkr.co/edit/xnN1HnJtTel6WA24GttR?p=preview {{num | currency:'USD':true:'1.2-2'}}

Erläuterung:
number_expression | nummer [: digitInfo]

Schließlich erhalten wir eine Dezimalzahl als Text. Finden Sie die Beschreibung.

number_expression: Ein Winkelausdruck, der eine Ausgabe ergibt.

Nummer: Ein Pipe-Schlüsselwort, das mit dem Pipe-Operator verwendet wird.

digitInfo: Es definiert das Zahlenformat.

Jetzt werden wir verstehen, wie Sie digitInfo verwenden. Die Syntax für digitInfo ist wie folgt.

{minIntegerDigits} {minFractionDigits} -. {} MaxFractionDigits

die Beschreibung finden.

minIntegerDigits: Mindestanzahl von Integer-Ziffern. Standard ist 1. (in unserem Fall 1)

minFractionDigits: Mindestanzahl der Nachkommastellen. Standard ist 0. (in unserem Fall 2)

maxFractionDigits: Maximale Anzahl der Nachkommastellen. Standard ist 3. (in unserem Fall 2)

Answer 2

Folgende wird mit 2 Dezimalstellen umwandeln

{{num | currency : '$' : 2}} 

Winkel 2

{{num | currency:'USD':true:'1.2-2'}} 

Answer 3

<input type="number" [(ngModel)]="myModel" (keyup)="onBlurMethod()"> 
<br> 
<br> The formatted currency is : 
<br> {{myModel | currency:'USD':true:'1.2-2' }} 

Hier ist das Arbeitsbeispiel.

http://plnkr.co/edit/pSK8p7u3oo4WsAB9aFBS?p=preview

Answer 4

gut hast du die richtige Antwort, aber immer noch ich glaube, ich diese Antwort mehr erarbeiten kann, so dass es als Antwort Posting:

Zunächst einmal gibt es eine Reihe von Rohren zur Verfügung der angular2 in verwenden, unser Projekt einige von ihnen sind unten aufgeführt

CurrencyPipe, DatePipe, UpperCasePipe, LowerCasePipe und PercentPipe und viele mehr.

Hier als Ihre Frage haben Sie ein Problem im Zusammenhang mit Währungspfeife. also möchte ich etwas mehr als andere Antworten erklären.

CurrencyPipe:

Ein Rohr eine beliebige Anzahl von optionalen Parametern annehmen kann seine Ausgabe für die Feinabstimmung. Wir fügen Parameter zu einer Pipe hinzu, indem wir den Pipe-Namen mit einem Doppelpunkt (:) und dann dem Parameterwert (z. B. Währung: 'EUR') folgen. Wenn unsere Pipe mehrere Parameter akzeptiert, trennen wir die Werte mit Doppelpunkten (z. B. slice: 1: 5).

{{Nummer | Währung: 'your_type': true: '1.2-2'}}

hier ... der erste Parameter ist der Währungstyp, der entweder EUR, USD oder irgendetwas ist. Der zweite Parameter ist wahr/falsch für die symbolDisplay, die false byDefault ist . Dann ist die dritte Bereichsbegrenzung im Grunde eine Bereichsgrenze. Sie können eine Min- und Max-Länge nach dem Dezimalpunkt und eine feste Zahl für die Stellen vor dem Dezimalpunkt festlegen (oder sie für den Standardwert leer lassen).

Ich habe einige gute Tutorials für die Rohre in der angular2 gefunden, die ich hier ..

http://voidcanvas.com/angular-2-pipes-filters/

https://angular.io/docs/ts/latest/guide/pipes.html

Hoffe, dass es über Rohrleitungen hilft und klären, mehr bin Entsendung !! @Pardeep !!

Answer 5

Sie verwenden das richtige Rohr. Sie müssen nur die Zifferninformation zum Ausgang hinzufügen.

{{num | currency:'USD':true}} sein sollte ...

{{num | currency:'USD':true:'1.2-2'}}

Als Referenz: 'USD' stellt die Art der Währung, true darstellt, ob das Währungssymbol zeigen ($), und '1.2-2' repräsentiert die Ziffer info.

Die Ziffer info ist {minIntegerDigits}.{minFractionDigits}-{maxFractionDigits}.

minIntegerDigits ist die minimale Anzahl von ganzzahligen Ziffern und Standardwerte zu verwenden, um 1.
minFractionDigits die Mindestanzahl der Stellen nach Fraktion und standardmäßig auf 0.
maxFractionDigits die maximale Anzahl von Stellen nach dem Bruch ist und standardmäßig auf 3 .

Quelle für die Ziffer Informationen finden Sie hier: https://angular.io/docs/ts/latest/api/common/index/DecimalPipe-pipe.html

Answer 6

Wenn, wie ich, Sie versuchen, dies im Typoskript zu tun/javascript statt HTML, Sie auch so toLocaleString

verwenden können zu konvertieren eine Zahl in einen Währungsstring:

ppCurrency(number) { 
    return number.toLocaleString('en-US', { style: 'currency', currency: 'USD' }); 
    }