Object Model Observer e Asynchrony

Gli osservatori sono sincroni in Ember.js, che si attiva immediatamente quando una delle proprietà di un osservatore viene aggiornata

Esempio

L'esempio seguente si attiva non appena una delle proprietà osservate cambia:

import Ember from 'ember';

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

      Details2: Ember.observer('Details1', function() {
         this.set('fName','Will');
         this.set('lName','Smith');
      })
   });

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

   //updating the value for 'fName and lName' 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 observerasynchrony from './observerasynchrony';

Dove, observerasynchrony è un nome del file specificato come "observerasynchrony.js" e creato nella cartella "app".

Successivamente, chiama "observerasynchrony" ereditato in basso, prima dell'esportazione. Esegue la funzione observerasynchrony, che viene creata nel file observerasynchrony.js -

observerasynchrony();

Produzione

Esegui il server ember e riceverai il seguente output: