Con l'ultima versione di Angular è diventata disponibile una funzionalità molto importante per noi developer: il Hot Module Replacement. Questo permette alla CLI, o più precisamente a Webpack, di sostituire all'interno della pagina web, il componente, o una parte dell'html, senza aver la necessità di ricaricare tutta la pagina.
Questa funzionalità era già disponibile precedentemente, ma richiedeva l'installazione di vari pacchetti e una configurazione particolare del progetto. Dalla versione 11 basterà utilizzare il comando ng serve --hmr.
Facciamo un semplice esempio per capirne la funzionalità: se stiamo compilando un form, costruito con più componenti, o un wizard per inserimento dati, possiamo modificare una sua parte, senza la necessità di dover, a ogni modifica, ripartire da zero.
<!-- primo componente --> <p>primo works!!!</p> <input/> <app-secondo></app-secondo> <!-- secondo componente --> <p>secondo works!</p> <input/>
Se sulla pagina web andiamo a compilare i due campi di input e successivamente nel codice cambiamo i testi all'interno dei paragrafi in entrambi i componenti, salvando le modifiche, vedremo che i valori da noi inseriti negli input resteranno invariati.
Commenti
Per inserire un commento, devi avere un account.
Fai il login e torna a questa pagina, oppure registrati alla nostra community.
Approfondimenti
Utilizzare un numero per gestire la concorrenza ottimistica con SQL Server ed Entity Framework
Reactive form tipizzati con FormBuilder in Angular
Code scanning e advanced security con Azure DevOps
Creazione di plugin per Tailwind CSS: espandere le funzionalità del framework dinamicamente
Eseguire attività pianificate con Azure Container Jobs
Effettuare il refresh dei dati di una QuickGrid di Blazor
Utilizzare la session affinity con Azure Container Apps
Creare gruppi di client per Event Grid MQTT
Creare un webhook in Azure DevOps
Criptare la comunicazione con mTLS in Azure Container Apps
Generare un hash con SHA-3 in .NET
Generare HTML a runtime a partire da un componente Razor in ASP.NET Core