Nello script precedente abbiamo visto come utilizzare scope.watch per monitorare il cambio di una proprietà dello scope di AngularJS. In realtà, abbiamo ripetuto due volte la funzione di aggiornamento, perché di fatto l'obiettivo era quello di tenere entrambe le proprietà monitorate e il relativo valore salvato all'interno di una proprietà calcolata.
Quando si vuole assegnare un watch a più di una proprietà, è necessario utilizzare scope.$watchGroup, che consente di specificare un array di proprietà da monitorare.
Di seguito il codice, dove possiamo noare come poter accedere ai nuovi valori inviati:
scope.FirstName = "Daniele"; scope.LastName = "Bochicchio"; $scope.$watchGroup(['FirstName', 'LastName'], function(newValues, oldValues, scope) { // newValues[0] -> $scope.FirstName // newValues[1] -> $scope.LastName scope.FullName = newValues[0] + ' ' + newValues[1]; });
Grazie a questa modifica diventa molto più semplice ed immediato eseguire un'unica operazione in caso di aggiornamento di più proprietà.
Commenti
Per inserire un commento, devi avere un account.
Fai il login e torna a questa pagina, oppure registrati alla nostra community.
Approfondimenti
Layout skeleton per Screen Reader
GitHub e .NET 6
Creare un form con Bootstrap 5
Semplificare con un extension method l'aggiunta di filtri a run time nelle query LINQ
Introduzione al nuovo tipo TimeOnly di .NET
Usare l'option pattern per gestire la configurazione in ASP.NET Core
Le novità di Angular 13 e del suo ecosistema
Dependency injection con Minimal API di ASP.NET Core
Produrre un inventario automatico di Azure Storage
Utilizzare WordPress con Azure App Service
Entity Framework Core 6
Configuration strongly typed anche per singleton con IOptionsMonitor in ASP.NET Core