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

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

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

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

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

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

Durante lo sviluppo di applicazioni web basate su Javascript è importante tenere traccia delle chiamate AJAX. Sebbene tutti i browser abbiano un tracer HTTP incorporato, poter loggare dati aggiuntivi inerenti all'applicazione aiuta a capire meglio l'origine delle chiamate AJAX e ...

In Angular le direttive sono oggetti che permettono di attaccare una funzionalità a oggetti HTML esistenti. Ad esempio, tramite una direttiva possiamo modificare un pulsante per aggiungere l'icona o gli stili CSS dibase da applicare a tutti i pulsanti. Per fare questo dobbiamo ...

Sebbene il motore di binding di Angular sia estremamente potente, esistono casi in cui dobbiamo referenziare un oggetto HTML e utilizzarlo all'interno del codice del component. Per referenziare l'oggetto, dobbiamo innanzitutto assegnargli un nome lato template utilizzando le ...

Nello script precedente abbiamo visto come utilizzare il decorator HostListener, per creare un comportamento riutilizzabile da abbinare alla gestione degli eventi di un tag HTML con Angular.Il decorator HostBinding consente di specificare una proprietà dell'elemento host dall'...