Una funzionalità molto comune nelle interfacce è quella di avere una lista di checkbox dove l'utente deve selezionarne almeno una. Basta pensare ad una form di un sondaggio dove l'utente può rispondere a una domanda con risposte multiple.In questi casi i validatori di default di ...

Quando ci sottoscriviamo alle notifiche di un Observable, ci viene restituito un oggetto che rappresenta la subscription. Per evitare memory leak e malfunzionamenti, quando non abbiamo più bisogno di ricevere notifiche dobbiamo cancellare la subscription tramite il metodo ...

Capacitor è una layer che espone un set di API che consentono alle applicazioni web-based di accedere a funzionalità native all'interno di un device. Questa descrizione potrebbe riportare la nostra memoria a due librerie già esistenti da molto tempo sul mercato: Apache Cordova e ...

Nello script #279 abbiamo visto come creare un component riutilizzabile per mostrare un campo su una form. All'interno del component abbiamo utilizzato un altro component che aveva come scopo quello di mostrare i messagi di errore. In questo script analizziamo in dettaglio questo...

Ogni component di React deve avere un solo nodo padre. Spesso questo nodo è un tag div o span o table o altro ancora. Esistono tuttavia dei casi in cui questo component non può essere un tag HTML. Analizziamo il prossimo esempio.class MyTable extends React.Component { render...

In molti progetti abbiamo la necessità di creare form complesse con molti campi. I vari campi hanno spesso in comune molte necessita come quella di avere una label, un messaggio di validazione in caso questa fallisse e altro ancora. In questi casi può tornare utile creare un ...

La più grande novità di Angular 8 è sicuramente la release in beta del nuovo motore di rendering che ha come nome in codice Ivy. Essendo ancora in beta, Ivy non è abilitato di default quando creiamo un nuovo progetto. Per farlo dobbiamo usare lo switch --enable-ivy.Per abilitare ...

Fino alla versione 7 di Angular, i decorator ViewChild e ContentChild impostano la variabile che decorano a partire dal metodo ngAfterViewInit della pipeline di esecuzione del component. Questo esempio mostra questo funzionamento.mydiv@ViewChild('MyDiv') myDiv: ElementRef;...

Di default, Angular offre il lazy loading a livello di modulo. Questo significa che possiamo decidere di caricare un modulo solo quando questo viene usato invece che caricarlo allo startup dell'applicazione. Fino ad Angular 7, la sintassi per caricare il modulo in modalità lazy è...

Nello script #258 abbiamo introdotto le librerie mostrando le loro potenzialità per centralizzare il codice e ridurne al minimo la duplicazione. Ora andremo a ottimizzarne l'utilizzo rendendolo possibile anche all'esterno dell'applicazione. Uno dei più grandi problemi quando si ...