Detaillierte Erläuterung gängiger Pipeline-Beispiele in Angular4

Normalerweise müssen wir Pipes zum Formatieren von Daten verwenden. Die Pipes in Angular4 weisen einige Änderungen gegenüber zuvor auf. In diesem Artikel werden hauptsächlich die häufig verwendeten Pipelines in Angular4 vorgestellt. Der Herausgeber findet ihn recht gut, daher werde ich ihn jetzt mit Ihnen teilen und als Referenz verwenden. Folgen wir dem Herausgeber und schauen wir uns das an. Ich hoffe, es kann allen helfen.

1. Großbuchstaben-Konvertierungspipeline

• Großbuchstaben wandeln die Zeichenfolge in Großbuchstaben um

• Kleinbuchstaben konvertieren Zeichenfolge in Kleinbuchstaben

<p>将字符串转换为大写{{str | uppercase}}</p>

str:string = 'hello'

Die Seite zeigt

Zeichenfolge in Großbuchstaben umwandeln HALLO

2 Pipeline

Datum. Das Datumspipe-Zeichen kann Parameter akzeptieren, um das Format des Ausgabedatums anzugeben.

<p>现在的时间是{{today | date:&#39;yyyy-MM-dd HH:mm:ss&#39;}}</p>

today:Date = new Date();

Die aktuelle Uhrzeit wird auf der Seite als 10:57:53 am 8. Mai 2017 angezeigt

3. Dezimalpipeline

Die Zahlenpipeline wird verwendet, um Zahlen in das von uns benötigte Dezimalformat zu verarbeiten

Das empfangene Parameterformat ist {minimale Anzahl ganzzahliger Ziffern}.{minimale Anzahl dezimaler Ziffern}-{maximum Anzahl der Dezimalstellen }

Die Mindestanzahl der Ganzzahlstellen ist standardmäßig 1

Die Mindestanzahl der Dezimalstellen ist standardmäßig 0

Die maximale Anzahl an Dezimalstellen beträgt standardmäßig 3

Wenn die Anzahl an Dezimalstellen kleiner als die angegebene {minimale Anzahl an Dezimalstellen} ist, wird automatisch 0 hinzugefügt

Wenn die Anzahl der Dezimalstellen größer ist als die angegebene {maximale Anzahl an Dezimalstellen} beim Zählen}, wird gerundet

<p>圆周率是{{pi | number:&#39;2.2-4&#39;}}</p>

pi:number = 3.14159;

Auf der Seite wird

< angezeigt 🎜>Der Pi ist 03,1416

4. Währungspipeline

Währungspipe wird verwendet, um Zahlen in das Währungsformat umzuwandeln

<p>{{a | currency:&#39;USD&#39;:false}}</p>
<p>{{b | currency:&#39;USD&#39;:true:&#39;4.2-2&#39;}}</p>

a:number = 8.2515
b:number = 156.548

Auf der Seite wird

USD8,25

0156,55 angezeigt. „USD“ ist die Abkürzung für US-Dollar. Wenn es falsch ist, wird das Symbol nicht angezeigt es stimmt, das $-Symbol wird angezeigt. Die folgenden Parameter, die die Anzahl der Dezimalstellen angeben, sind dieselben wie die oben eingeführten.

Verwandte Empfehlungen:

Anwendung der PHP-Multithread-Pipeline-Kommunikation

Das obige ist der detaillierte Inhalt vonDetaillierte Erläuterung gängiger Pipeline-Beispiele in Angular4. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!