Concatenare le pipe in Angular 2

di Stefano Mostarda, in HTML5, Angular 2,

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

Visualizza/aggiungi commenti

| Condividi su: Twitter, Facebook, LinkedIn

Per inserire un commento, devi avere un account.

Fai il login e torna a questa pagina, oppure registrati alla nostra community.

Approfondimenti

I più letti di oggi