Json parse 未使用 Node.js & hbs 在前端渲染数据

Question

服务器端：

app.get("/basket", (req, res) => {
fs.readFile("products.json", (err, data) => {
if (err) {
  res.status(500).end()
} else {
  res.render("basket", {products: JSON.parse(data)})
}
})
})

JSON:

{
"product_one": [
    {
        "name": "Laptop",
        "price": 799
    }
],

"product_two": [
    {
        "name": "Laptop",
        "price": 799
    }
]

}

前端：

                             <small>Price: £{{products.product_one.price}} </small>

我尝试使用 hbs 在前端显示价格，但没有显示任何内容

Answer 1

遍历列表解决了问题：

{{#products}}
<small>Price: £ {{price}}</small>
                   
{{/products}}

Json parse 未使用 Node.js & hbs 在前端渲染数据

Json parse is not rendering data in the front end using Node.js & hbs

javascript

node.js

express

hbs