EmberJS - Ligações

A vinculação é um recurso poderoso do Ember.js que ajuda a criar um vínculo entre duas propriedades e, se uma das propriedades for alterada, a outra será atualizada automaticamente. Você também pode vincular o mesmo objeto ou objetos diferentes.

Sintaxe

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

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

ClassName3 = ClassName2.create ({
   //code here
});

A sintaxe descreve a vinculação de duas propriedades ClassName1 e ClassName2 . Se ClassName2 for atualizado, isso será refletido em ClassName1 .

Exemplo

O exemplo a seguir cria um link entre duas propriedades e atualiza uma propriedade quando outra propriedade é alterada -

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'));
}

Agora abra o arquivo app.js e adicione a seguinte linha no topo do arquivo -

import objectmodelbindings from './objectmodelbindings';

Onde, objectmodelbindings é o nome do arquivo especificado como "objectmodelbindings.js" e criado na pasta "app".

Em seguida, chame os "objectmodelbindings" herdados na parte inferior, antes da exportação. Ele executa a função objectmodelbindings que é criada no arquivo objectmodelbindings.js -

objectmodelbindings();

Resultado

Execute o servidor ember e você obterá a seguinte saída -

A vinculação do modelo de objeto propaga mudanças em uma direção usando a vinculação unilateral que é explicada neste link .