EmberJS-オブザーバー

オブザーバーは、計算されたプロパティなどのプロパティを監視し、計算されたプロパティのテキストを更新します。テキストが更新または変更されると発生します。

構文

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

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

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

次の表は、オブザーバーのプロパティを示しています-

S.No.

Property & Description

1

Observers and Asynchrony

Ember.jsのオブザーバーは現在同期しています。

2

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

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

import observers from './observers';

ここで、observersは、「observers.js」として指定され、「app」フォルダーの下に作成されたファイルの名前です。次に、エクスポートの前に、下部の継承された「オブザーバー」を呼び出します。 observers.js ファイルに作成されたオブザーバー機能を実行します-

observers();

出力

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

Ember.jsオブザーバー

Emberjs-obj-mod-observers

EmberJS-オブザーバー

構文

例

出力

目次