如何在pugjs中使用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

欢迎来到Stack Overflow。你尝试过像this one这样的教程来熟悉pug的基础知识吗？

您需要在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可能也应该被改造成一个数组，它作为一个对象没有任何意义。