EmberJS - Aggiornamento dinamico del modello a oggetti

Le proprietà calcolate rilevano le modifiche apportate alle proprietà e aggiornano dinamicamente la proprietà calcolata quando vengono chiamate utilizzando il metodo set ().

Sintassi

ClassName.set('VariableName', 'UpdatedValue');

Esempio

L'esempio seguente mostra il valore aggiornato dinamicamente quando vengono apportate modifiche alle proprietà:

import Ember from 'ember';

export default function() {
   var Person = Ember.Object.extend ({
      firstName: null,
      lastName: null,
      age: null,
      mobno: null,
      
      //Defining the Details1 and Details2 computed property function
      Details1: Ember.computed('firstName', 'lastName', function() {
         return this.get('firstName') + ' ' + this.get('lastName');
      }),

      Details2: Ember.computed('age', 'mobno', function() {
         return 'Name: ' + this.get('Details1') + '<br>' + ' Age: ' + this.get('age') + 
            '<br>' + ' Mob No: ' + this.get('mobno');
      }),
   });

   //initializing the Person details
   var person_details = Person.create ({
      //Dynamically Updating the properties
      firstName: 'Jhon',
      lastName: 'Smith',
      age: 26,
      mobno: '1234512345'
   });

   //updating the value for 'firstName' using set() method
   person_details.set('firstName', 'Steve');
   document.write("<h2>Details of the Person: <br></h2>");
   document.write(person_details.get('Details2'));
}

Ora apri il file app.js e aggiungi sotto la riga nella parte superiore del file -

import dynamicupdating from './dynamicupdating';

Dove, dynamicupdating è un nome del file specificato come "dynamicupdating.js" e creato nella cartella "app".

Quindi chiama il "dynamicupdating" ereditato in fondo, prima dell'esportazione. Esegue la funzione di aggiornamento dinamico che viene creata nel file dynamicupdating.js -

dynamicupdating();

Produzione

Esegui il server ember e riceverai il seguente output: