使用express和jade渲染json对象-无法访问json字段

Question

我的节点应用程序的相关 Express 部分：

/*Route to Product Views*/
app.get('/product/:id', function(req, res){
        Product.find({_id: req.params.id}, function (error, data) {
                if(error){
                        console.log(error);
                } else {
                        console.log("DATA :" + data); //correct json object
                        res.render('product',{
                                title: 'Product Template',
                                result: data
                                }
                        );
                }
        });

});

翡翠模板：

!!! 5
html
  head
    title #{title}
  body
    h1 #{result.name}
    h2 #{result.unitprice}
    p.
       #{result.description}
    h3 #{result}

因此，如果我访问http://myhost.com/product/51fa8402803244fb12000001，我看到的只是 h3 #{result} 的输出，即：

[{ 
__v: 0, 
_id: 51fa8402803244fb12000001, 
description: 'Awesome stuff you really need', 
discontinued: false, 
name: 'Some product', 
unitprice: 5.99 
}]

使用 JSON.stringify 没有区别，只是 h3 #{result} 返回“字符串化”的 JSON。 如何正确访问json字符串的字段？

Answer 1

您的数据库查询的输出以数组形式返回结果，因此您需要将数据作为数据[0] 发送到产品模板，以便您可以直接访问您需要作为结果[0] 访问的其他值。姓名等

/*Route to Product Views*/
app.get('/product/:id', function(req, res){
        Product.find({_id: req.params.id}, function (error, data) {
                if(error){
                        console.log(error);
                } else {
                        console.log("DATA :" + data[0]); //correct json object
                        res.render('product',{
                                title: 'Product Template',
                                result: data[0]
                                }
                        );
                }
        });

}) 

翡翠模板：

!!! 5
html
  head
    title #{title}
  body
    - product = typeof(result) != 'undefined' ? result : { }
    h1 #{product.name}
    h2 #{product.unitprice}
    p.
       #{product.description}
    h3 #{product}