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
   });
   
    //更改用户对象名称，更改视图上的值
    CarOne.set('TotalPrice', 860600);
    
    //Car.TotalPrice 将变为"860600"
    Car.set('TotalPrice', 930000); // 对视图的更改不会返回到对象。
    document.write('<h3>单向绑定<h3>');
    document.write('car 的值:' + CarOne.get('TotalPrice')); //将值显示为 860600
}

现在打开 app.js 文件并在文件顶部添加以下行 −

import objectmodelonewaybinding from './objectmodelonewaybinding';

其中，objectmodelonewaybinding 是指定为"objectmodelonewaybinding.js"并在"app"文件夹下创建的文件的名称。

接下来在导出之前，在底部调用继承的"objectmodelonewaybinding"。它执行在 objectmodelonewaybinding.js 文件中创建的 objectmodelonewaybinding 函数 −

objectmodelonewaybinding();

输出

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

emberjs_object_model.html