EmberJS - Bases du guidon

La bibliothèque de modèles Handlebars permet de créer une interface utilisateur riche en incluant du HTML statique et du contenu dynamique, qui peuvent être spécifiés entre les doubles accolades - {{}}.

Syntaxe

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

Exemple

L'exemple suivant montre comment afficher les propriétés du contrôleur d'application. Créez un modèle appelé application.hbs sous app / templates / avec le code suivant -

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

Créez maintenant le contrôleur avec le même nom (fichier modèle) pour ajouter les propriétés. Le fichier application.js sera créé sous app / controller / avec le code suivant -

import Ember from 'ember';

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

Production

Exécutez le serveur de braises et vous recevrez la sortie suivante -

Nous verrons le concept détaillé des Helpers dans le chapitre Writing Helpers .