Angular fa un uso molto estensivo delle reactive extensions. Queste sono presenti in moltissime parti del framework e in particolare le usiamo quando dobbiamo effettuare una chiamata HTTP per ottenere dati dal server. Sebbene lavorare con le reactive extensions sia estremamente ...

Con questa serie di script parleremo della funzionalità, all'interno di Angular, per avere una tipizzazione delle form. Parlando in contesto Angular: ogni elemento all'interno del FormGroup avrà un suo tipo specifico. Questa condizione tornerà utile in fase di lettura e ...

Il valore restituito dai form tipizzati non è mai un solo tipo, ma è sempre accompagnato da null in quanto è il default del controllo. Otterremo null solamente nel caso in cui richiediamo il valore senza aver eseguito una pre-assegnazione o successivamente ad un reset, effettuato...

Applicando le accortezze mostrate nei precedenti script, abbiamo comunque la possibilità di ottenere un valore undefined o un'oggetto di tipo Partial (tipologia che prevede che alcune proprietà siano non definite), dovuta al fatto che un qualunque controllo della forma può avere ...

Lo stessa struttura del form mostrata nelle pubblicazioni precedenti, tipizzazione inclusa, può essere ricreata utilizzando la classe FormBuilder. Nel caso in cui volessimo disabilitare tutti i campi nulli, la stesura risulterà anche più pulita, in quanto sarà l'istanza iniettata...

La classe FormGroup permette una certa modularità, dando la possibiltà di rimuovere campi, se definiti come nullabili, tramite ?. Come esempio, nell'esempio successivo abbiamo prima creato un'interfaccia sulla quale comporre il form, con una proprietà nullabile, e poi abbiamo ...

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

Quando in Angular utilizziamo oggetti HTML che accettano un URL (come un tag iframe, o un tag img) capita di dover impostarne l'attributo src in binding con un valore proveniente da una configurazione, da un servizio o altro ancora. Mettere in binding la stringa dell'URL con l'...