当前位置: 首页 > 文档资料 > EmberJS 入门教程 >

Bindings

优质
小牛编辑
130浏览
2023-12-01

绑定是Ember.js的一个强大功能,它有助于在两个属性之间创建链接,如果其中一个属性发生更改,另一个属性会自动更新。 您还可以绑定相同的对象或不同的对象。

语法 (Syntax)

ClassName1 = Ember.Object.create ({
   //code here
});
ClassName2 = Ember.Object.extend ({
   //code here
});
ClassName3 = ClassName2.create ({
   //code here
});

语法描述了两个属性ClassName1ClassName2绑定。 如果ClassName2得到更新,它将反映在ClassName1

例子 (Example)

以下示例在两个属性之间创建链接,并在另一个属性发生更改时更新一个属性 -

import Ember from 'ember';
export default function() {
   var CarOne = Ember.Object.create ({
      //primary value
      TotalPrice: 860600
   });
   var Car = Ember.Object.extend ({
      //creates property which is an alias for another property
      TotalPrice: Ember.computed.alias('CarOne.TotalPrice')
   });
   var CarTwo = Car.create ({
      CarOne: CarOne
   });
   document.write('Value of car before updating: ' + CarTwo.get('TotalPrice'));
   //sets the car price
   CarTwo.set('TotalPrice', 930000);
   //above car price effects the CarOne
   document.write('<br>Value of car after updating: ' + CarOne.get('TotalPrice'));
}

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

import objectmodelbindings from './objectmodelbindings';

其中, objectmodelbindings是指定为“objectmodelbindings.js”并在“app”文件夹下创建的文件的名称。

接下来在导出之前调用底部的继承“objectmodelbindings”。 它执行在objectmodelbindings.js文件中创建的objectmodelbindings函数 -

objectmodelbindings();

输出 (Output)

运行ember服务器,您将获得以下输出 -

Ember.js对象模型绑定

对象模型绑定通过使用此link解释的单向绑定在一个方向上传播更改。