EmberJS - Proprietà calcolate

Una proprietà calcolata dichiara le funzioni come proprietà ed Ember.js chiama automaticamente le proprietà calcolate quando necessario e combina una o più proprietà in una variabile.

La tabella seguente elenca le proprietà della proprietà calcolata:

S.No.	Proprietà e descrizione
1	Concatenamento di proprietà calcolate La proprietà calcolata concatenamento viene utilizzata per aggregare con una o più proprietà calcolate predefinite.
2	Aggiornamento dinamico Aggiorna dinamicamente la proprietà calcolata quando vengono chiamate.
3	Impostazione delle proprietà calcolate Aiuta a impostare le proprietà calcolate utilizzando i metodi setter e getter.

Esempio

L'esempio seguente aggiunge la proprietà calcolata a Ember.object e mostra come visualizzare i dati:

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

Ora apri il file app.js e aggiungi la seguente riga all'inizio del file:

import computedproperties from './computedproperties';

Dove, computedpropertiesè un nome del file specificato come "computedproperties.js" e creato nella cartella "app". Ora, chiama le "proprietà calcolate" ereditate in fondo, prima dell'esportazione. Esegue la funzione computedproperties creata nel file computedproperties.js -

computedproperties();

Produzione

Esegui il server ember e riceverai il seguente output: