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
Mascherare l'output di un valore all'interno dei log di un workflow di GitHub
C# 12: Cosa c'è di nuovo e interessante
Utilizzare un service principal per accedere a Azure Container Registry
Ottimizzazione dei block template in Angular 17
Eseguire le GitHub Actions offline
Utilizzare database e servizi con gli add-on di Container App
Implementare il throttling in ASP.NET Core
Utilizzare le collection expression in C#
Utilizzare i primary constructor in C#
Reactive form tipizzati con FormBuilder in Angular
Ottenere il contenuto di una cartella FTP con la libreria FluentFTP
Utilizzare Model as a Service su Microsoft Azure
I più letti di oggi
- Riordinare le righe di una GridView di ASP.NET con jQuery
- Creazione di un alarm con suono personalizzato con Windows Phone 7.1
- Utilizzare la session affinity con Azure Container Apps
- Blue-green deployment con Azure Web App e DevOps
- Ed infine anche il calendario :)
- Configurare la diagnostica di Azure attraverso Visual Studio
- Recuperare la data di creazione di un tag tramite una pipeline YAML di Azure DevOps
- Microsoft Security Bulletin MS05-002
- .NET Core e dispositivi IoT
- Eseguire attività pianificate con Azure Container Jobs