Negli script #183 e #184 abbiamo visto come utilizzare le pipe predefinite. In questo script ci occupiamo invece di creare pipe custom che ci permettano di peronalizzare l'output di un valore in binding. Il primo passo per creare una pipe custom consiste nell'importare l'...

Bootstrap rende molto semplice il rendering di una breadcrumb per il nostro sito. E' infatti sufficiente utilizzare il seguente markup: Home Articoli Breadcrumb con Bootstrap Il separatore utilizzato per default è "/", ma possiamo personalizzarlo tramite CSS:.breadcrumb > ...

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 ...

Quando mettiamo in binding una proprietà di un component con un frammento di HTML, stiamo generando HTML con il valore della proprietà. Questo semplice processo può essere intercettato per personalizzare come la proprietà viene poi rappresentata nel codice HTML.Un classico ...

Angular 2 contiene un gestore degli errori builtin che ad ogni eccezione scrive l'eccezione nella console del browser. Quest'opzione è valida in fase di sviluppo, ma in produzione magari può essere comodo inviare i dati a un server, salvarli nel LocalStorage o altro ancora....

Nello script #179 abbiamo visto come passare un valore a un component tramite un attributo il cui valore valorizza una proprietà del component. Questa tecnica è ottima per isolare i dati dei component. Tuttavia nello script menzionato abbiamo visto solo come passare un valore ...

Tra le tante funzionalità offerte da Bootstrap, ce n'è una che consente di creare progress bar. E' sufficiente un markup come questo: 100% completato E' possibile comunque avere pezzi differenti di una progress bar, per segnalare in maniera migliore delle percentuali. Ad ...

In Angular 2 un component è una classe che gestisce un frammento di HTML. da questa definizione ne deriva che in una pagina possiamo avere uno o più component. Possiamo anche avere component annidati all'interno di un altro component. Ad esempio possiamo avere un component che ...

L'uso delle glyph consete di aggiungere facilmente immagini vettoriali alle applicazioni, agendo su colori e dimensioni senza necessità di creare nuovamente gli asset.Se si opta per una library come FontAwesome, sono già inclusi una serie di effetti da applicare, mentre per i ...

In Angular 2, un component è responsabile solo di preparare i dati relativi al template che gestisce. la logica per recuperare e salvare questi dati non appartiene al component bensi a un servizio. In Angular 2 un servizio è una classe che espone dei metodi e che è marcata col ...