EmberJS - Propriétés calculées

Une propriété calculée déclare des fonctions en tant que propriétés et Ember.js appelle automatiquement les propriétés calculées en cas de besoin et combine une ou plusieurs propriétés dans une variable.

Le tableau suivant répertorie les propriétés de la propriété calculée -

S.No.	Propriétés et description
1	Chaînage des propriétés calculées La propriété calculée de chaînage est utilisée pour agréger avec une ou plusieurs propriétés calculées prédéfinies.
2	Mise à jour dynamique Met à jour dynamiquement la propriété calculée lorsqu'ils sont appelés.
3	Définition des propriétés calculées Aide à configurer les propriétés calculées à l'aide des méthodes setter et getter.

Exemple

L'exemple suivant ajoute la propriété calculée à Ember.object et montre comment afficher les données -

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

Ouvrez maintenant le fichier app.js et ajoutez la ligne suivante en haut du fichier -

import computedproperties from './computedproperties';

Où, computedpropertiesest un nom du fichier spécifié comme "computedproperties.js" et créé dans le dossier "app". Maintenant, appelez les "propriétés calculées" héritées en bas, avant l'exportation. Il exécute la fonction computedproperties qui est créée dans le fichier computedproperties.js -

computedproperties();

Production

Exécutez le serveur de braises et vous recevrez la sortie suivante -