undefined undefined undefined

Использование шаблонизатора mustache-express.

Open in new window

Шаблонизатор mustache-express.

Ссылки

https://www.npmjs.com/package/mustache-express
https://github.com/janl/mustache.js

Сменим расширение файлов шаблонов

app.engine('html', mustacheExpress());

Подцепим шаблон.

app.get('/', function (req, res) {
    res.render('index.html')
})

Создадим директорию для шаблонов.

mkdir views

В нем файл index.html

Определим вывод переменной в шаблоне.

<html>

    <head></head>

    <body>
        <h1>Hello {{ name }} </h1>
    </body>

</html>

Внедрим в шаблон объект с переменными.

res.render('index.html', {'name': 'Dima'})

Проход по массиву объектов.

'messages': [ 
       {'name': 'Dima', 
        'message': 'Hello everyone!'
       },
       {'name': 'Vova', 
        'message': 'Hello everyone from Vova!'
       }
 ]

Шаблон

    {{#messages}}
        <b>{{name}}:  {{ message }} </b>
   {{/messages}}

Внедрение html из внешнего файла.

{{> menu}}

Other topics