javascript - registerhelper - Handlebars.js解析对象而不是




hbs教程 (3)

您可以简单地将JSON 字符串化

var user = {}
user = {'id' : 123, 'name' : 'First Name'};
// for print
user.stringify = JSON.stringify(user);

然后在模板打印:

{{{user.stringify}}};

我正在使用Handlebars模板并且JSON数据已经在[Object object]中表示,我如何在Handlebars之外解析这些数据? 例如,我试图通过把手标签在页面上填充JavaScript变量,但这不起作用。

有什么建议? 谢谢!

编辑:

为了澄清,我正在使用ExpressJS w / Handlebars进行模板化。 在我的路线中,我有这个:

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

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

然后在我的index.hbs模板中,我现在有一个{{user}}对象。 我可以使用{{#each}}来仔细迭代对象。 但是,我也在使用Backbonejs,我想将这些数据传递给View,例如:

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

问题是{{user}}只是在源代码中显示[Object object] ,如果我把它放在console.log中我得到一个错误,'意外的标识符'。


您正在尝试在无效的JSON对象中传递模板语法{{ }}

您可能需要这样做:

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


输出{{user}} ,Handlebars将首先检索user.toString()值。 对于普通Object默认结果是您看到"[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