Modello a oggetti Impostazione delle proprietà calcolate

L'impostazione delle proprietà calcolate può essere eseguita con i metodi Setter e Getter. Questo gestisce i valori della variabile dichiarata nella proprietà calcolata. Il metodo set () valuta i valori per una certa condizione specificata nel programma e il metodo get () ottiene i valori dal setter e visualizza i dati.

Sintassi

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

Esempio

L'esempio seguente imposta e ottiene i valori della variabile dichiarata nella proprietà calcolata e mostra come visualizzare i dati:

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

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

import settingcomputedproperties from './settingcomputedproperties';

Dove, settingcomputedproperties è un nome del file specificato come "settingcomputedproperties.js" e creato nella cartella "app". Ora, chiama "settingcomputedproperties" ereditato in fondo, prima dell'esportazione. Esegue la funzione settingcomputedproperties che viene creata nel file settingcomputedproperties.js -

settingcomputedproperties();

Produzione

Esegui il server ember e riceverai il seguente output: