设置计算属性（Setting Computed Properties）

优质

小牛编辑

132浏览

2023-12-01

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

语法 (Syntax)

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

例子 (Example)

以下示例设置并获取在computed属性中声明的变量的值，并显示如何显示数据 -

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”。它执行在settingscomputedproperties.js文件中创建的settingcomputedproperties函数 -

settingcomputedproperties();

输出 (Output)

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