javascript - Handlebars 单引号问题

Question

我在处理 onclick 事件时遇到了困难，在该事件中，参数值通过 Handlebars 传递给自定义函数。我还尝试转义引号并使用三括号 {{{Surname}}}}

如果姓氏是:O'Neill，下面会中断

{{#each employee}}
    <div onclick="populateForm('{{Firstname}}', '{{Surname}}');">test for {{Firstname}} {{Surname}}</div>
{{/each}}

我已经尝试了各种单引号和双引号的组合来构建我的事件处理程序，但无法让它工作。

谢谢

Answer 1

除了单引号和双引号，您还可以在语句中使用尖音符号 (`)。

下面的 Handlebars 代码工作正常，

{{#each employee}}
    <div onclick="alert(`{{{Firstname}}}`, `{{Surname}}`);">test for {{{Firstname}}} {{Surname}}</div>
{{/each}}

使用这个示例 JSON

{
  "employee": [
    {
      "Firstname": "a",
      "Surname": "b"
    },
    {
      "Firstname": "o'neill",
      "Surname": "d"
    }
  ]
}

使用 http://tryhandlebarsjs.com 测试.希望这会有所帮助。