EmberJS - Conceptos básicos del manillar

La biblioteca de plantillas de Handlebars permite crear una interfaz de usuario rica al incluir HTML estático y contenido dinámico, que se puede especificar entre llaves dobles: {{}}.

Sintaxis

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

Ejemplo

El siguiente ejemplo muestra cómo mostrar las propiedades del controlador de la aplicación. Cree una plantilla llamada application.hbs en app / templates / con el siguiente código:

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

Ahora cree el controlador con el mismo nombre (archivo de plantilla) para agregar las propiedades. El archivo application.js se creará en app / controller / con el siguiente código:

import Ember from 'ember';

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

Salida

Ejecute el servidor ember y recibirá el siguiente resultado:

Veremos el concepto detallado de Helpers en el capítulo Writing Helpers .