Need Handlebars.js to render object data instead of quot;[Object object]quot;(需要Handlebars.js来呈现对象数据,而不是quot;[Object Object]Quot;)
问题描述
我使用的是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来呈现对象数据,而不是";[Object Object]&Quot;的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持编程学习网!
本文标题为:需要Handlebars.js来呈现对象数据,而不是";[Object Object]&Quot;
基础教程推荐
- 最佳动态 JavaScript/JQuery 网格 2022-01-01
- 逻辑运算符 ||在 javascript 中,0 代表 Boolean false? 2022-01-01
- CORS:当凭据标志为真时,无法在 Access-Control-Allow-Origin 中使用通配符 2022-01-01
- 即使每次插入第一个输入的值不同,第二个输入仍显示相同的输入值 2022-01-01
- 当木偶师打开Chrome时,不能使用Chrome扩展 2022-01-01
- 从快速中间件中排除路由 2022-01-01
- 在 Javascript 中使用 Fetch API 上传文件并显示进度 2022-01-01
- 带角度的选项卡:仅使用 $http 在单击时加载选项卡 2022-01-01
- 使用 jQuery 在悬停时交换 DIV 类 2022-01-01
- HTML5 画布调整为父级 2022-01-01
