使用handlebars.js显示JSON数据

棚屋

我需要弄清楚如何将完整的JSON响应打印到我的页面(甚至部分页面)上,但是我似乎无法弄清楚。稍后,我将最终在页面中填充更多上下文。

JS档案:

app.get('/', function(req, res) {
var context

apiLib.fetch('acct:chars', function(err, result){
    if(err) throw err

    context = result;
    console.log(result); 
    res.render('/', context);

    });

});

车把

 {{#each context.characters}}
 {{this.name}} 
 {{/each}}

JSON数据:

{
  "result": {
    '1234':{               //this is the character ID
      "characters": {
        "name": 'Daniel',
        "CharacterID": '1234'
        etc...
    }
   }
 }

我的页面没有打印任何内容,但是控制台记录了所有内容。我正在使用express.js处理路由。

迪布

一个问题是each帮助器,这里:{{#each context.characters}}在当前上下文中该变量的each作用是什么调用时,您已经传递了Handlebars对象所以,现在把手期待名为属性的对象,也不会发现它。因此,您应该将该行代码更改为contextres.render('/', context)contextcontext{{#each characters}}

同样的事情也适用于你写的地方{{this.name}}我认为,如果您解决了其他问题,该this方法实际上将起作用,但是这是不必要的,因为Handlebars会this自动查看(当前上下文)。所以在{{name}}那里应该没问题。

最后,如果您实际上只是想将JSON文件显示为纯文本页面,则无需通过Handlebars模板运行它。您可以使用res.json(context)这将返回JSON响应。如果您的服务器配置为处理application/jsonMIME类型,则它应在浏览器中呈现为纯文本。

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

使用handlebars.js显示JSON数据

来自分类Dev

如何使用Handlebars遍历JSON结构

来自分类Dev

使用Handlebars模板引擎传递JSON数组

来自分类Dev

使用Handlebars模板引擎传递JSON数组

来自分类Dev

使用 Handlebars 访问嵌套的 YAML/JSON 对象

来自分类Dev

使用Express Handlebars和Angular JS

来自分类Dev

使用Handlebars.js渲染本地模板

来自分类Dev

使用HandleBars.js创建HTML表

来自分类Dev

使用Handlebars.js渲染本地模板

来自分类Dev

是否可以在handlebars.js模板中使用JavaScript

来自分类Dev

Handlebars.js:使用嵌套模板渲染多次通过

来自分类Dev

使用Handlebars.js时“标签开始未关闭”

来自分类Dev

使用handlebars.js的登录状态相关菜单

来自分类Dev

使用Handlebars.js从“哪里”选择“选择”之类的东西

来自分类Dev

在Cytoscape.js中使用Express-Handlebars

来自分类Dev

使用 Handlebars.js 创建响应式网格结构

来自分类Dev

使用UUID密钥处理JSON对象,同时使用Handlebars.js进行模板处理?

来自分类Dev

无法使用Ember JS的Handlebars JS遍历嵌套的JSON数组(大写属性)

来自分类Dev

在Handlebars.js中的多个模板中使用相同的数据对象

来自分类Dev

如何使用对象中给定的数据构建动态href链接(Node.js && handlebars)

来自分类Dev

使用 React JS 显示和修改 JSON 数据(显示在表格中)

来自分类Dev

Handlebars.js无法与AJAX JSON响应一起使用

来自分类Dev

想要从json获取单个值并使用handlebars.js向其添加徽章

来自分类Dev

如何在Shopify商店中使用handlebars.js遍历JSON数组?

来自分类Dev

使用 Node.js 和 express-handlebars 从 JSON 文件渲染 html

来自分类Dev

如何使用Node.js从json文件读取数据并将读取的数据显示为html?

来自分类Dev

使用jQuery显示JSON数据

来自分类Dev

如何使用Angular Js以从node.js服务器检索的表格式显示json数据

来自分类Dev

如何在客户端上使用HTTP GET渲染数据(使用Handlebars)

Related 相关文章

  1. 1

    使用handlebars.js显示JSON数据

  2. 2

    如何使用Handlebars遍历JSON结构

  3. 3

    使用Handlebars模板引擎传递JSON数组

  4. 4

    使用Handlebars模板引擎传递JSON数组

  5. 5

    使用 Handlebars 访问嵌套的 YAML/JSON 对象

  6. 6

    使用Express Handlebars和Angular JS

  7. 7

    使用Handlebars.js渲染本地模板

  8. 8

    使用HandleBars.js创建HTML表

  9. 9

    使用Handlebars.js渲染本地模板

  10. 10

    是否可以在handlebars.js模板中使用JavaScript

  11. 11

    Handlebars.js:使用嵌套模板渲染多次通过

  12. 12

    使用Handlebars.js时“标签开始未关闭”

  13. 13

    使用handlebars.js的登录状态相关菜单

  14. 14

    使用Handlebars.js从“哪里”选择“选择”之类的东西

  15. 15

    在Cytoscape.js中使用Express-Handlebars

  16. 16

    使用 Handlebars.js 创建响应式网格结构

  17. 17

    使用UUID密钥处理JSON对象,同时使用Handlebars.js进行模板处理?

  18. 18

    无法使用Ember JS的Handlebars JS遍历嵌套的JSON数组(大写属性)

  19. 19

    在Handlebars.js中的多个模板中使用相同的数据对象

  20. 20

    如何使用对象中给定的数据构建动态href链接(Node.js && handlebars)

  21. 21

    使用 React JS 显示和修改 JSON 数据(显示在表格中)

  22. 22

    Handlebars.js无法与AJAX JSON响应一起使用

  23. 23

    想要从json获取单个值并使用handlebars.js向其添加徽章

  24. 24

    如何在Shopify商店中使用handlebars.js遍历JSON数组?

  25. 25

    使用 Node.js 和 express-handlebars 从 JSON 文件渲染 html

  26. 26

    如何使用Node.js从json文件读取数据并将读取的数据显示为html?

  27. 27

    使用jQuery显示JSON数据

  28. 28

    如何使用Angular Js以从node.js服务器检索的表格式显示json数据

  29. 29

    如何在客户端上使用HTTP GET渲染数据(使用Handlebars)

热门标签

归档