Monitorare i cambiamenti di una proprietà dello scope di AngularJS

di Stefano Mostarda, 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

| Condividi su: Twitter, Facebook, LinkedIn

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