Configuração de modelo de objeto de propriedades computadas

A configuração das propriedades calculadas pode ser feita com os métodos Setter e Getter. Isso gerencia os valores da variável declarada na propriedade computada. O método set () avalia valores para uma determinada condição especificada no programa e o método get () obtém os valores do setter e exibe os dados.

Sintaxe

var ClassName = Ember.Object.extend ({
   funcName: Ember.computed(function(){
      return VariableName;
   }
});

Exemplo

O exemplo a seguir define e obtém os valores da variável declarada na propriedade computada e mostra como exibir os dados -

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

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

import settingcomputedproperties from './settingcomputedproperties';

Onde, settingcomputedproperties é um nome do arquivo especificado como "settingcomputedproperties.js" e criado na pasta "app". Agora, chame o herdado "settingcomputedproperties" na parte inferior, antes da exportação. Ele executa a função settingcomputedproperties que é criada no arquivo settingcomputedproperties.js -

settingcomputedproperties();

Resultado

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