EmberJS - Observadores

O observador observa a propriedade como propriedades computadas e atualiza o texto da propriedade computada. Ele dispara quando o texto é atualizado ou alterado.

Sintaxe

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

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

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

A tabela a seguir lista as propriedades de um observador -

S.No.	Descrição da Propriedade
1	Observadores e assincronia Os observadores em um Ember.js são atualmente síncronos.
2	Declarando o Observador Declarando um obsever sem as extensões do protótipo e fora das definições de classe.

Exemplo

O exemplo a seguir mostra como atualizar o texto da propriedade computada usando o observador -

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

Agora abra o arquivo app.js e adicione a seguinte linha no topo do arquivo -

import observers from './observers';

Onde, observers é o nome do arquivo especificado como "observers.js" e criado na pasta "app". Agora, chame os "observadores" herdados na parte inferior, antes da exportação. Ele executa a função de observadores que é criada noobservers.js arquivo -

observers();

Resultado

Execute o servidor ember e você receberá a seguinte saída -

↰ Previous page