HTML5 Data and Services Cookbook

Rendering arrays using EJS

One of the most common tasks when using a template language is to render a list of items. Since EJS is based on escaping to JavaScript, rendering lists can be done using the loop constructs in the language.

In this recipe, we're going to render a list of message objects. Each message object will have an author, arrival time, body, and read status. We're going to use a different style to distinguish between read and unread messages.

Getting ready

We need to download EJS from http://embeddedjs.com/ and extract ejs_production.js in our recipe folder.

How to do it...

Let's get started.

1. Create index.html, it will contain a header, the EJS template, the placeholder to render the message list, and some styles for the list:

   <!DOCTYPE ...