物件模型設定計算屬性

可以透過 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 伺服器，你將收到以下輸出 −