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 进行测试。 希望这会有所帮助。