如何在.hbs模板中访问对象属性？我的代码无法渲染属性值

你的核心问题是Mongoose返回的Document对象不是普通JavaScript对象，Handlebars无法直接访问其属性；另外你尝试JSON序列化的操作方向错误，反而导致属性无法访问。

错误原因拆解 #

1. Mongoose文档的特殊性：Car.findOne()返回的是Mongoose的Document实例，它是带原型链的特殊对象，虽然控制台输出看起来像普通对象，但Handlebars在访问属性时可能无法识别其getter方法，导致属性值无法渲染。
2. 错误的JSON序列化操作：你将car转为JSON字符串传入模板后，car变成了字符串类型，此时{{ car.model }}试图访问字符串的model属性，自然没有结果；而{{ car }}显示[object Object]是因为直接用+拼接对象会触发toString()，并非真实的对象内容。

解决步骤 #

方法一：查询时直接返回普通JS对象（推荐） #

在findOne()后添加.lean()方法，让Mongoose直接返回纯JavaScript对象，Handlebars可以正常访问属性：

router.get('/item', async function (req, res) {
    // 添加.lean()返回普通对象
    let car = await Car.findOne().lean();
    console.log("Got one car to show: ", car); // 用逗号输出，避免对象强制转字符串
    res.render('item', { car : car, layout: 'index' });
});

方法二：将Mongoose文档转为普通对象 #

如果无法修改查询语句，可以拿到文档后用.toObject()方法转换：

router.get('/item', async function (req, res) {
    let car = await Car.findOne();
    // 转为普通JS对象
    car = car.toObject();
    console.log("Got one car to show: ", car);
    res.render('item', { car : car, layout: 'index' });
});

额外检查点 #

• 确认数据库中car对象的字段名与模板中使用的一致（比如priceModel、model、year是否真的存在于文档中），可以用console.log(car.priceModel)单独打印属性值验证。
• 模板中的{{{ car.model }}}使用三重花括号是为了渲染HTML内容，如果你的model字段没有HTML，用普通的{{ car.model }}即可，不影响属性访问。

内容的提问来源于stack exchange，提问作者nightfixed