オブジェクトモデル設定の計算プロパティ

計算されたプロパティの設定は、SetterメソッドとGetterメソッドを使用して実行できます。これは、計算されたプロパティで宣言された変数の値を管理します。 _set（）_メソッドは、プログラムで指定された特定の条件の値を評価し、_get（）_メソッドは、セッターから値を取得してデータを表示します。

構文

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.js設定プロパティ

Emberjs-obj-mod-setter-getter

オブジェクトモデル設定の計算プロパティ

構文

例

出力

目次