Quado creiamo un servizio e vogliamo che sia iniettato dal motore di dependency injection di Angular, dobbiamo aggiungere il servizio al sistema di dependency injection. Fino alla versione 5, l'aggiunta veniva fatta nel modulo in cui il servizio era dichiarato attraverso la ...

Angular prevede già alcuni validator di base per le reactive form: required, min, max e così via. Questi validatori coprono le esigenze di base, ma non possono ovviamente coprirle tutte. Per coprire esigenze particolari della nostra applicazione, dobbiamo creare dei validatori ...

Molto spesso capita di dover creare pulsanti con un HTML complesso per dare la possibilità di aggiungere icone a destra o sinistra del test, per dare uniformità di stile o per aggiungere determinati comportamenti. Per evitare di scrivere codice HTML duplicato per ogni pulsante, ...

Molto spesso capita che a seconda delle scelte dell'utente dobbiamo mostrare o meno una sezione di una pagina. Questo è vero soprattutto quando selezioniamo una checkbox o quando selezioniamo una voce da una dropdown. Grazie al motore di binding di Angular e alle template ...

Nello script #226 abbiamo visto come utilizzare la direttiva ngStyle per aggiungere a un tag HTML l'attributo style con alcuni stili CSS. In questo script facciamo la stessa cosa ma utilizando una funzionalità diversa: lo style binding. Questa funzionalità ci permette di mettere ...

Nella maggior parte dei casi, la classe css che applichiamo a un controllo è più che sufficiente a stilizzarlo. Tuttavia, esistono casi in cui in vogliamo applicare anche degli stili inline tramite l'attributo HTML style in base a determinate condizioni. Angular ci permette di ...

Negli script precedenti abbiamo visto come creare e utilizzare una template variable assegnandole il valore della direttiva ngForm. In questo script usiamo la stessa tecnica per mostrare in linea gli errori di ogni singolo campo della form.Supponiamo di avere una form con due ...

Nello script #220 abbiamo visto come creare una template variable assegnandole il valore di una direttiva.Nel caso specifico, abbiamo visto come abilitare il pulsante di submit della form solo se la form contiene campi validi. Questo tipo di User Experience non è sempre comoda, ...

Nelle form di angular possiamo assegnare la direttiva ngForm a una variabile che viene definita template variable. La direttiva ngForm contiene i dati sullo stato della form e quindi la variabile a cui la assegnamo ci permette di usare questi dati. Una delle proprietà dello stato...

Negli script precedenti, abbiamo visto che la classe HttpClient permette semplicemente di effettuare una chiamata HTTP e ottenere la risposta già come oggetto TypeScript utilizzando i generics. Sebbene questa tecnica sia valida nella maggior parte dei casi, non ci permette di ...