Explication détaillée des exemples de pipelines courants dans Angular4

Habituellement, nous devons utiliser des tuyaux pour formater les données. Les tuyaux dans Angular4 présentent quelques modifications par rapport à avant. Cet article présente principalement les pipelines couramment utilisés dans Angular4. L'éditeur pense que c'est assez bon, je vais donc le partager avec vous maintenant et le donner comme référence. Suivons l'éditeur pour y jeter un œil, j'espère que cela pourra aider tout le monde.

1. Pipeline de conversion de casse

• majuscule convertit la chaîne en majuscule

• minuscule Convertir la chaîne en minuscules

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

str:string = 'hello'

La page affichera

Convertir la chaîne en majuscules BONJOUR

2. pipeline

date. Le caractère pipe date peut accepter des paramètres pour spécifier le format de la date de sortie.

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

today:Date = new Date();

L'heure actuelle sera affichée sur la page à 10:57:53 le 8 mai 2017

3. >Le pipeline de nombres est utilisé pour traiter les nombres dans le format décimal dont nous avons besoin

Le format du paramètre reçu est {nombre minimum de chiffres entiers}. {nombre minimum de chiffres décimaux}-{maximum nombre de chiffres décimaux }

Le nombre minimum de chiffres entiers est par défaut de 1

Le nombre minimum de chiffres décimaux est par défaut de 0

Le nombre maximum de chiffres décimaux est par défaut de 3

Lorsque le nombre de décimales est inférieur au {nombre minimum de décimales} spécifié, 0 sera ajouté automatiquement

Lorsque le nombre de décimales est supérieur au {nombre maximum de décimales} Lors du comptage}, il sera arrondi

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

pi:number = 3.14159;

Le pi est 03,1416

le tube de devises est utilisé pour convertir les nombres au format monétaire

<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

USD8.25

0156.55 'USD' voici l'abréviation du dollar américain Lorsqu'il est faux, le symbole ne s'affiche pas. c'est vrai, le symbole $ est affiché. Les paramètres suivants précisant le nombre de décimales sont les mêmes que ceux introduits ci-dessus.

Recommandations associées :

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!