Pug -从JSON对象中检索密钥

Question

我正在尝试使用Pug的模板引擎和JSON作为数据库创建一个单一页面的网站。最终，我希望将不同的“页面”存储在JSON文件中，然后在我的Pug模板中使用不同的变量/混合变量来呈现JSON，但是我一直在接收错误，cannot read property "company" of undefined。

任何帮助都将不胜感激。

这是我构建Pug文件并将JSON输送到模板中的Gulp任务：

// build the Pug files into HTML
gulp.task('build-pug', function buildHTML(){
  var dataFile = 'source/javascript/pages.json';
  return gulp.src('source/**/*.pug')
    .pipe(data(function(file){
      return JSON.parse(fs.readFileSync(dataFile));
    }))
    .pipe(pug({
      pretty: true
    }))
    .pipe(gulp.dest('public'))
    .pipe(browserSync.reload({
      stream: true
    }));
});

这是我的pages.json文件：

{
    "pages": [
        {
            "year": "2016",
            "company": "Abacus",
            "home": "./assets/images/2016/home/abacus.png",
            "home-url": "http://abacus.com",
            "login": "./assets/images/2016/login/abacus.png",
            "login-url": "http://abacus.com/login",
            "pricing": "./assets/images/2016/pricing/abacus.png",
            "pricing-url": "http://abacus.com/pricing"
        },
        {
            "year": "2016",
            "company": "Alfred",
            "home": "./assets/images/2016/home/alfred.png",
            "home-url": "http://alfred.com"
        }
    ]
}

这是在我的index.pug文件中，我试图从JSON调用键：

section.pricing
    h1 Pricing Pages
    div.content.pricing

        each page in pages
            p= page.pages.company

Answer 1

将index.pug中的最后一行替换为

p= page.company