The basics of Handlebars
Handlebars is a really simple and easy-to-use templating framework. Let's go through and explore the basic syntax of writing a Handlebars template.
Binding an object to the template
Let's assume the following JavaScript object is passed to a Handlebars template:
var model = { name: 'World' };
The template file itself will contain the following markup:
<div> Hello {{ name }}! </div>
This file will render to a browser in the following way:
Hello World!
Embedding presentation logic
Of course, there's a lot more that you can do than just this! Handlebars also supports conditional statements:
var model = { name: 'World', description: 'This will only appear because its set.' }; <div> Hello {{ name }}!<br/><br/> {{#if description}} <p>{{description}}</p> ...
Get Web Development with MongoDB and NodeJS - Second Edition now with the O’Reilly learning platform.
O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.