handlebars.js - Handlebars 可以访问脚本标签中的数据

标签 handlebars.js

我有一个普通的 Handlebars 模板,我正在通过 puppeteer 生成 pdf。我能够正常地通过正文访问数据,但似乎无法在 JS 脚本标记中这样做。我的数据看起来像这样。

const context = { data: [ {..some data}, {...some data}, {...some data}] }

我正尝试在我的脚本标签中访问它,例如

const data = "{{ data }}"

但是当我在我的脚本标签中控制台记录这个时,我得到的只是

[object Object],[object Object],[object Object]

当我检查 typeof 时,它以字符串形式返回。

最佳答案

通过制作一个简单的助手来对数据进行字符串化来解决它。 (我的助手在一个助手对象中)

json: function(obj) {
    return JSON.stringify(obj);
  }

然后在我的 JS 脚本中我只是用三重括号调用它

const wedges = {{{ json data }}}

关于handlebars.js - Handlebars 可以访问脚本标签中的数据,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/60713235/

相关文章:

javascript - 如何基于 JSON 响应类型 HandleBars 显示 Html DOM 元素

javascript - 将数字传递到 Handlebars.template.foo(bar)

javascript - 嵌套 Handlebars 'lookup' 与 'if'

javascript - ember 必须从组件错误中调用 super 方法

javascript - Handlebars.js:{{ this.url }} 无法在 <img src ="{{ this.url }}"> 内工作

javascript - 在 ember.js 中读取由带有 Handlebars 的服务注入(inject)的计算属性

javascript - express JS : Handlebars "each" tag not displaying content

ember.js - 如何将 Handlebars 绑定(bind)到任意属性?

node.js - 在Windows批处理文件中运行nodejs句柄时无法返回到原始工作目录

yaml - 如何在 YAML 前端使用 Handlebars #each helper