EmberJS - Osservatori

L'osservatore osserva la proprietà come le proprietà calcolate e aggiorna il testo della proprietà calcolata. Si attiva quando il testo viene aggiornato o modificato.

Sintassi

funName1: Ember.computed(function() {
   //code here
}),

funName1: Ember.observer(function() {
   //code here
});

var varname = ClassName.create({
   //code here
});

La tabella seguente elenca le proprietà di un osservatore:

S.No.	Proprietà e descrizione
1	Osservatori e asincronia Gli osservatori in un Ember.js sono attualmente sincroni.
2	Dichiarazione dell'Osservatore Dichiarare un osservatore senza le estensioni del prototipo e al di fuori delle definizioni di classe.

Esempio

L'esempio seguente mostra come aggiornare il testo della proprietà calcolata utilizzando observer -

import Ember from 'ember';

export default function() {
   var Person = Ember.Object.extend ({
      Name: null,
      
      //Defining the Details1 and Details2 computed property function
      Details1: Ember.computed('Name', function() {
         
         //get the Name value
         var Name = this.get('Name');
         //return the Name value
         return Name;
      }),

      Details2: Ember.observer('Details1', function() {
         this.set('Name','Steve Waugh');
      })
   });

   //initializing the Person details
   var person = Person.create ({
      //initial value of Name varialble
      Name: 'Mark Waugh'
   });

   //updating the value for 'firstName' using set() method
   document.write('<strong>The updated name : </strong>' +person.get('Details1'));
}

Ora apri il file app.js e aggiungi la seguente riga all'inizio del file:

import observers from './observers';

Dove, Observers è un nome del file specificato come "Observers.js" e creato nella cartella "app". Ora, chiama gli "osservatori" ereditati in fondo, prima dell'esportazione. Esegue la funzione di osservatori creata inobservers.js file -

observers();

Produzione

Esegui il server ember e riceverai il seguente output: