Observateur de modèle objet et asynchronie

Les observateurs sont synchrones dans Ember.js, qui se déclenche immédiatement lorsque l'une des propriétés d'un observateur est mise à jour

Exemple

L'exemple suivant se déclenche dès qu'une des propriétés observées change -

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'));
}

Ouvrez maintenant le fichier app.js et ajoutez la ligne suivante en haut du fichier -

import observerasynchrony from './observerasynchrony';

Où, observerasynchrony est un nom du fichier spécifié comme "observerasynchrony.js" et créé dans le dossier "app".

Ensuite, appelez le "observerasynchrony" hérité en bas, avant l'exportation. Il exécute la fonction observerasynchrony, qui est créée dans le fichier observerasynchrony.js -

observerasynchrony();

Production

Exécutez le serveur de braises et vous recevrez la sortie suivante -