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à.