EmberJS - Noções básicas sobre guidões

A biblioteca de modelos do Handlebars permite a construção de uma interface de usuário rica, incluindo HTML estático e conteúdo dinâmico, que pode ser especificado entre chaves duplas - {{}}.

Sintaxe

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

Exemplo

O exemplo a seguir mostra como exibir propriedades do controlador de aplicativo. Crie um modelo chamado application.hbs em app / templates / com o seguinte código -

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

Agora crie o controlador com o mesmo nome (arquivo de modelo) para adicionar as propriedades. O arquivo application.js será criado em app / controller / com o seguinte código -

import Ember from 'ember';

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

Resultado

Execute o servidor ember e você receberá a seguinte saída -

Veremos o conceito detalhado de Helpers no capítulo Writing Helpers .