EmberJS-一方向バインディング

オブジェクトモデルバインディングは、一方向バインディングメソッド_computed.oneWay（）_を使用して一方向の変更を指定し、オーバーライドによって別のプロパティの動作を指定する場合に役立ちます。

例

次の例では、オーバーライドすることにより別のプロパティの動作を指定します-

import Ember from 'ember';

export default function() {
   var CarOne = Ember.Object.create ({

     //primary value
      TotalPrice: 860600
   });

   var Car = Ember.Object.extend ({
      TotalPrice: Ember.computed.oneWay('CarOne.TotalPrice')
   });

   var Car = Car.create ({
      CarOne: CarOne
   });

  //Changing the user object name, changes the value on the view
   CarOne.set('TotalPrice', 860600);

  //Car.TotalPrice will become "860600"
   Car.set('TotalPrice', 930000); //changes to the view don't make it back to the object.
   document.write('<h3>One Way Binding<h3>');
   document.write('Value of car : ' + CarOne.get('TotalPrice'));//display value as 860600
}

今_app.js_ファイルを開き、ファイルの先頭に次の行を追加します-

import objectmodelonewaybinding from './objectmodelonewaybinding';

ここで、 objectmodelonewaybinding は、「objectmodelonewaybinding.js」として指定され、「app」フォルダーの下に作成されるファイルの名前です。

次に、エクスポートの前に、下部の継承された「objectmodelonewaybinding」を呼び出します。 _objectmodelonewaybinding.js_ファイルに作成されたobjectmodelonewaybinding関数を実行します-

objectmodelonewaybinding();

出力

エンバーサーバーを実行すると、次の出力が表示されます-

Ember.jsオブジェクトモデルの一方向バインディング

Emberjs-objectmodel-onewaybinding

EmberJS-一方向バインディング

例

出力