EmberJS - Nozioni di base sui manubri

La libreria di modelli Handlebars consente di creare un'interfaccia utente ricca includendo HTML statico e contenuto dinamico, che può essere specificato tra parentesi graffe doppie - {{}}.

Sintassi

Ember.Controller.extend ({
   property1: value,
   property2: value,
   .....
   propertyn: valuen,
});

Esempio

L'esempio seguente mostra come visualizzare le proprietà dal controller dell'applicazione. Crea un modello chiamato application.hbs in app / templates / con il seguente codice:

//displaying the values of firstSentence and lastSentence
Hello, <strong>{{firstSentence}} {{lastSentence}}</strong>!

Ora crea il controller con lo stesso nome (file modello) per aggiungere le proprietà. Il file application.js verrà creato in app / controller / con il seguente codice:

import Ember from 'ember';

export default Ember.Controller.extend ({
   //initializing values
   firstSentence: 'Welcome to',
   lastSentence: 'TutorialsPoint!'
});

Produzione

Esegui il server ember e riceverai il seguente output:

Vedremo il concetto di dettaglio di Helper nel capitolo Writing Helper .