Observers
优质
小牛编辑
127浏览
2023-12-01
观察者观察诸如计算属性之类的属性并更新计算属性的文本。 它在文本更新或更改时触发。
语法 (Syntax)
funName1: Ember.computed(function() {
//code here
}),
funName1: Ember.observer(function() {
//code here
});
var varname = ClassName.create({
//code here
});
下表列出了观察者的属性 -
S.No. | 财产和描述 |
---|---|
1 | Observers and Asynchrony Ember.js中的观察者目前是同步的。 |
2 | Declaring the Observer 声明没有原型扩展且在类定义之外的观察者。 |
例子 (Example)
以下示例显示如何使用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.js”并在“app”文件夹下创建的文件的名称。 现在,在导出之前调用底部的继承“观察者”。 它执行在observers.js文件中创建的观察者函数 -
observers();
输出 (Output)
运行ember服务器,您将收到以下输出 -