对象模型设置计算属性

可以使用 Setter 和 Getter 方法设置计算属性。这管理计算属性中声明的变量的值。set() 方法评估程序中指定的特定条件的值，get() 方法从 setter 获取值并显示数据。

语法

var ClassName = Ember.Object.extend ({
   funcName: Ember.computed(function(){
      return VariableName;
   }
});

示例

以下示例设置并获取计算属性中声明的变量的值，并展示如何显示数据−

import Ember from 'ember';

export default function() {
   var Person = Ember.Object.extend ({
      firstName: null,
      lastName: null,
      fullName: Ember.computed('firstName', 'lastName', function() {
         return this.get('firstName') + this.get('lastName');
      })
   });
   
   var nameDetails = Person.create();
   nameDetails.set('fullName', "Steve Smith");
   nameDetails.get('firstName');   // Steve
   nameDetails.get('lastName');    // Smith
   document.write("<h3>Full Name of the Person:<br><h3>" + nameDetails.get('fullName'));
}

现在打开 app.js 文件并在文件顶部添加以下行 −

import settingcomputedproperties from './settingcomputedproperties';

其中，settingcomputedproperties 是指定为"settingcomputedproperties.js"并在"app"文件夹下创建的文件的名称。现在，在导出之前，在底部调用继承的"settingcomputedproperties"。它执行在 settingcomputedproperties.js 文件中创建的 settingcomputedproperties 函数 −

settingcomputedproperties();

输出

运行 ember 服务器，您将收到以下输出 −

emberjs_object_model.html