Emberjs-obj-mod-observers
提供:Dev Guides
EmberJS-オブザーバー
オブザーバーは、計算されたプロパティなどのプロパティを監視し、計算されたプロパティのテキストを更新します。 テキストが更新または変更されると発生します。
構文
funName1: Ember.computed(function() {
//code here
}),
funName1: Ember.observer(function() {
//code here
});
var varname = ClassName.create({
//code here
});
次の表は、オブザーバーのプロパティを示しています-
S.No. | Property & Description |
---|---|
1 |
Ember.jsのオブザーバーは現在同期しています。 |
2 |
プロトタイプ拡張を使用せず、クラス定義の外でオブザーバーを宣言します。 |
例
次の例は、オブザーバを使用して計算されたプロパティのテキストを更新する方法を示しています-
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();
出力
エンバーサーバーを実行すると、次の出力が表示されます-