Monitorare i cambiamenti di una proprietà dello scope di AngularJS

di , in HTML5, AngularJS,

Ci sono molti casi in cui si deve rispondere al cambiamento di una proprietà dello scope. Un classico esempio di questa necessità è il motore di binding di AngularsJS che deve modificare il contenuto di un campo di UI collegato a una proprietà dello scope quando questa proprietà cambia.
Per monitorare i cambiamenti di una proprietà si deve utilizzare il metodo $watch dello scope passando in input il nome della proprietà e la funzione da eseguire quando cambia il valore come evidenziato in questo esempio.

scope.FirstName = "Stefano";
scope.LastName = "Mostarda";

scope.$watch('FirstName', function(newValue, oldValue) {
  scope.FullName = newValue + " " + scope.LastName;
});

scope.$watch('LastName', function(newValue, oldValue) {
  scope.FullName = scope.FirstName + " " + newValue;
});

In questo metodo abbiamo le proprietà FirstName e LastName al cui cambio andiamo a valorizzare la proprietà FullName.

Commenti

Visualizza/aggiungi commenti

Monitorare i cambiamenti di una proprietà dello scope di AngularJS (#163) 1010 1
| Condividi su: Twitter, Facebook, LinkedIn, Google+

Per inserire un commento, devi avere un account.

Fai il login e torna a questa pagina, oppure registrati alla nostra community.

Approfondimenti

I più letti di oggi