Appunti Angular 17

Pipe

Trasforma i dati di una variabile in modo da visualizzarli come si desidera.
N.B. Per utilizzarlo sul file ts del componente bisogna importare CommonModule

Esempio Datepipe:
Oggi: Sat Nov 16 2024 17:11:01 GMT+0100 (Ora standard dell’Europa centrale) --- senza pipe
Oggi: Nov 16, 2024 pipe date
Oggi: 11/16/24 pipe date: 'shortDate'
Oggi: 16/11/24 pipe date: 'dd/MM/yy'

Esempio su testo:
testo: Oggi è una BUONA giornata
OGGI È UNA BUONA GIORNATA pipe uppercase
oggi è una buona giornata pipe lowercase

Esempio su valute:
valore = 123.987
$123.99 pipe currency €123.99 pipe currency: 'EUR'

Esempio su decimali:
valore = 123.987
123.99 pipe number: '1.1-2' 124.0 pipe number: '1.1-1'

Esempio su percentuali:
percentuale = 0.67543
68% pipe percent 67.54% pipe percent: '1.1-2'

Esempio su Json:
[object Object] senza pipe
{ "marca": "Toyota", "modello": "Verso" } pipe json

Esempio su lista:
lista = [0,1,2,3,4,5,6]
1,2,3 pipe slice:1:4 3,4,5,6 pipe slice:0-4

Questi sono alcuni esempi, clicca Qui per la documentazione ufficiale.