Pug - 從JSON對象檢索鍵

Question

我正在嘗試使用Pug的模板引擎和JSON作為數據庫創建單頁網站。 最后我想將我的不同“頁面”存儲在JSON文件中，然后在我的Pug模板中使用不同的變量/ mixin渲染該JSON，但我一直收到錯誤， cannot read property "company" of undefined 。

任何幫助將不勝感激。

這是構建我的Pug文件的Gulp任務，並將JSON傳遞到模板中：

// 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替換index.pug中的最后一行怎么樣？

p= page.company