Configuración de modelo de objeto Propiedades calculadas

La configuración de las propiedades calculadas se puede realizar con los métodos Setter y Getter. Administra los valores de la variable declarada en la propiedad calculada. El método set () evalúa valores para una determinada condición especificada en el programa y el método get () obtiene los valores del establecedor y muestra los datos.

Sintaxis

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

Ejemplo

El siguiente ejemplo establece y obtiene los valores de la variable declarada en la propiedad calculada y muestra cómo mostrar los datos:

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

Ahora abra el archivo app.js y agregue la siguiente línea en la parte superior del archivo:

import settingcomputedproperties from './settingcomputedproperties';

Donde, settingcomputedproperties es un nombre del archivo especificado como "settingcomputedproperties.js" y creado en la carpeta "app". Ahora, llame al heredado "settingcomputedproperties" en la parte inferior, antes de la exportación. Ejecuta la función settingcomputedproperties que se crea en el archivo settingcomputedproperties.js -

settingcomputedproperties();

Salida

Ejecute el servidor ember y recibirá el siguiente resultado: