オブジェクトモデルオブザーバーと非同期

オブザーバーはEmber.jsで同期的であり、オブザーバーのプロパティの1つが更新されるとすぐに起動します

例

次の例では、監視するプロパティの1つが変更されるとすぐに起動します-

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

今_app.js_ファイルを開き、ファイルの先頭に次の行を追加します-

import observerasynchrony from './observerasynchrony';

ここで、observrasynchronyは、「observerasynchrony.js」として指定され、「app」フォルダーの下に作成されるファイルの名前です。

次に、エクスポートの前に、下部の継承された「observerasynchrony」を呼び出します。 _observerasynchrony.js_ファイルに作成されるobserverasynchrony関数を実行します-

observerasynchrony();

出力

エンバーサーバーを実行すると、次の出力が表示されます-

Ember.js Observer Asynchrony

Emberjs-obj-mod-obsrvr-async

オブジェクトモデルオブザーバーと非同期

例

出力