pug - 我如何在 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

标签： pug

Answer 1

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

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