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
Sostituire la GitHub Action di login su private registry
Creare moduli CSS in React
Visualizzare le change sul plan di Terraform tramite le GitHub Actions
Utilizzare Azure AI Studio per testare i modelli AI
Miglioramenti agli screen reader e al contrasto in Angular
Eseguire operazioni sui blob con Azure Storage Actions
Generare file per il download da Blazor WebAssembly
Usare una container image come runner di GitHub Actions
Sfruttare lo stream rendering per le pagine statiche di Blazor 8
Evitare la script injection nelle GitHub Actions
Utilizzare la session affinity con Azure Container Apps
Ottimizzazione dei block template in Angular 17
I più letti di oggi
- Una chat con ASP.NET Core e WebSockets
- Le novità di Blend e VS 2013 per XAML
- Rilasciato e disponibile al download il .NET Framework 4.5.2
- Service Pack 1 per Expression Blend
- Continuano i WebCast MSDN in Italiano
- Information Card Kits for ASP.NET and HTML
- Introduzione ad Entity Framework
- rilasciato un aggiornamento per #wp81 dev preview, disponibile direttamente dal telefono https://aspit.co/auq
- Impostare l'hostname di un'immagine docker per rendere il container da altri container in Visual Studio