对象模型设置计算属性

可以通过 Set 和 Get 方法设置计算属性。这会管理计算属性中声明的变量的值。set() 方法会针对程序中指定的确切条件计算值，而 get() 方法会从 Set 接收值并显示数据。

语法

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 服务器，你将收到以下输出 −