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
Definire lo stile CSS in base alle dimensioni del container
Utilizzare i primary constructor in C#
Utilizzare HiLo per ottimizzare le insert in un database con Entity Framework
3 metodi JavaScript che ogni applicazione web dovrebbe contenere - Parte 2
Effettuare lo stream della risposta in ASP.NET Core tramite IAsyncEnumerable
Filtrare e rimuovere gli elementi dalla cache del browser tramite le API JavaScript
Eseguire operazioni con timeout in React
Utilizzare Tailwind CSS all'interno di React: installazione
Utilizzare domini personalizzati gestiti automaticamente con Azure Container Apps
Utilizzare i primary constructor di C# per inizializzare le proprietà
Eseguire attività pianificate con Azure Container Jobs
Ottimizzare la latenza in Blazor 8 tramite InteractiveAuto render mode