需要Handlebars.js来呈现对象数据，而不是&quot；[Object Object]&Quot； [英] Need Handlebars.js to render object data instead of "[Object object]"

问题描述

我使用的是Handlebar模板，而JSON数据已经在[Object Object]中表示，我如何在Handlebar之外解析此数据？例如，我试图通过Handlebar标记填充页面上的JavaScript变量，但这不起作用。

有什么建议吗？谢谢！

编辑：

为澄清起见，我使用ExpressJS w/Handlebar作为模板。在我的路线中，我有以下内容：

var user = {}
user = {'id' : 123, 'name' : 'First Name'}

res.render('index', {user : user});

然后，在我的index.hbs模板中，我现在有一个{{user}}对象。我可以使用{{#each}}很好地迭代对象。但是，我也在使用Backbonejs，我想将此数据传递给一个视图，如下所示：

myView = new myView({user : {{user}});

问题是{{user}}只是在源代码中显示[Object object]，如果我将其放入console.log中，我会收到错误‘意外标识符’。

推荐答案

输出{{user}}时，句柄将首先检索user的.toString()值。对于普通Object，则检索您看到的default result of this is the "[object Object]"。

若要获得更有用的信息，您需要显示对象的特定属性：

{{user.id}}
{{user.name}}

或者，您可以使用/定义帮助器以不同的方式设置对象的格式：

Handlebars.registerHelper('json', function(context) {
    return JSON.stringify(context);
});

myView = new myView({
    user : {{{json user}}} // note triple brackets to disable HTML encoding
});

这篇关于需要Handlebars.js来呈现对象数据，而不是&quot；[Object Object]&Quot；的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！