EmberJS - Propiedades calculadas

Una propiedad calculada declara funciones como propiedades y Ember.js llama automáticamente a las propiedades calculadas cuando es necesario y combina una o más propiedades en una variable.

La siguiente tabla enumera las propiedades de la propiedad calculada:

S.No.	Propiedades y descripción
1	Encadenamiento de propiedades calculadas La propiedad calculada de encadenamiento se utiliza para agregar con una o más propiedades calculadas predefinidas.
2	Actualización dinámica Actualiza dinámicamente la propiedad calculada cuando se llama.
3	Establecer propiedades calculadas Ayuda a configurar las propiedades calculadas mediante los métodos setter y getter.

Ejemplo

El siguiente ejemplo agrega la propiedad calculada a Ember.object y muestra cómo mostrar los datos:

import Ember from 'ember';

export default function() {
   var Car = Ember.Object.extend ({
      
      //The values for below variables will be supplied by 'create' method
      CarName: null,
      CarModel: null,
      carDetails: Ember.computed('CarName', 'CarModel', function() {

         //returns values to the computed property function 'carDetails'
         return ' Car Name: ' + this.get('CarName') + '<br>' + 
            ' Car Model: ' + this.get('CarModel');
      })
   });

   var mycar = Car.create ({
      //initializing the values of Car variables
      CarName: "Alto",
      CarModel: "800",
   });
   
   //Displaying the information of the car
   document.write("<h2>Details of the car: <br></h2>");
   document.write(mycar.get('carDetails'));
}

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

import computedproperties from './computedproperties';

Dónde, computedpropertieses un nombre del archivo especificado como "computedproperties.js" y creado en la carpeta "app". Ahora, llame a las "propiedades calculadas" heredadas en la parte inferior, antes de la exportación. Ejecuta la función computedproperties que se crea en el archivo computedproperties.js -

computedproperties();

Salida

Ejecute el servidor ember y recibirá el siguiente resultado:

↰ Previous page