我如何在Pug.js中使用JSON文件

Question

我正在使用pugjs，我想在其中包含json文件，以便将此文件用于循环元素（例如pugjs中的对象）。 谢谢

  var person = {
              'Abdelbaset Mansour': 'person1.jpg',
              'Ada Lovelace': 'person2.jpg',
              'Grace Murray': 'person3.jpg',
              'Mary Kenneth ': 'person4.jpg',
              'Radia Perlman': 'person5.jpg',
              'Steve Jobs': 'person6.jpg'
              };
          each val, index in person

Answer 1

欢迎使用堆栈溢出。您是否尝试过像this one这样的教程来熟悉哈巴狗的基础？

您需要像下面这样在ExpressJS路由中传递变量：

var person = {
          'Abdelbaset Mansour': 'person1.jpg',
          'Ada Lovelace': 'person2.jpg',
          'Grace Murray': 'person3.jpg',
          'Mary Kenneth ': 'person4.jpg',
          'Radia Perlman': 'person5.jpg',
          'Steve Jobs': 'person6.jpg'
};

res.render('my-template', { "person" : person });

然后在模板中，您只需像这样在each语句中读取变量：

table
  each val, index in person
    tr
      td= index
      td= val

您的JSON也可能应该重新构造为数组，作为对象没有意义。