@aslanov_shm

Как получить данные из json файла в pug шаблон?

Есть структура файлов
|--blocks
   |--block.pug
   |--block.json


blocks.pug
ul.blocks
  each link, title in blocksData
    li.blocks__item
      a(href="link")= title


blocks.json
{
  "blocksData": {
    "Ссылка 1" : "/link1",
    "Ссылка 2" : "/link2",
    "Ссылка 3" : "/link3"
  }
}


Как мне без помощи Gulp получить данные из json в pug шаблон? Инклюдом, или как?
  • Вопрос задан
  • 1328 просмотров
Решения вопроса 1
monochromer
@monochromer
DIVeloper
json сначала нужно преобразовать в данные вне шаблонизатора
var pug = require('pug');
var fn = pug.compileFile('path to pug file', options);
var locals = require('./block.json');
var html = fn(locals);


Шаблонизатор не должен реализовывать логику получения данных, его задача - отображать данные.
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
@leskovoleg
var pug = require('pug');
var fn = pug.compileFile('path to pug file', options);
var html = fn({'req': require});

=====
//pug file

- var menu = req('./block.json')

ul.blocks
        each link, title in menu.blocksData
               li.blocks__item
                        a(href="link")= title
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы