Nello script #183 abbiamo introdotto le pipe e abbiamo visto come queste permettono di personalizzare l'output di un'espressione di binding. In questo script andiamo più a fondo sul discorso delle pipe e vediamo come queste possono essere concatenate per personalizzare ulteriormente l'output.
Di default, la pipe date mostra la data in formato "11 Apr 2016". Questo formato può andare bene, ma possiamo ulteriormente personalizzarlo mostrando tutti i caratteri in maiuscolo usando una seconda pipe chiamata uppercase. Il prossimo esempio mostra come usare le pipe date e uppercase insieme.
{{ mydate | date | uppercase}}
I questo esempio, la proprietà mydate contiene la data da visualizzare, date è la pipe che formatta la data, mentre uppercase è la pipe che rende tutto maiuscolo. Ovvamente, non siamo limitati a due sole pipe, ma ne possiamo concatenare all'infinito semplicemente separandole col carattere |.
Commenti
Per inserire un commento, devi avere un account.
Fai il login e torna a questa pagina, oppure registrati alla nostra community.
Approfondimenti
Utilizzare QuickGrid di Blazor con Entity Framework
Referenziare un @layer più alto in CSS
Supportare il sorting di dati tabellari in Blazor con QuickGrid
Garantire la provenienza e l'integrità degli artefatti prodotti su GitHub
Generare token per autenicarsi sulle API di GitHub
Miglioramenti nelle performance di Angular 16
C# 12: Cosa c'è di nuovo e interessante
Effettuare il refresh dei dati di una QuickGrid di Blazor
Usare lo spread operator con i collection initializer in C#
Routing statico e PreRendering in una Blazor Web App
Creare una libreria CSS universale: Clip-path
Assegnare un valore di default a un parametro di una lambda in C#