【问题标题】:mustache js syntax to call a function with parameter?mustache js语法调用带参数的函数?
【发布时间】:2016-08-01 17:12:57
【问题描述】:

我正在使用 Mustache.js 创建模板 html 并显示一组表格。 我想在这个模板中调用一个带参数的函数。

通过 mustache 模板生成的每个表格顶部都有一个按钮。 我想为这个按钮写一个onclick函数,所以处理事件的时候需要表名。

谁能给我正确的语法来传递参数?

<script id="TableTemplate" type="x-tmpl-mustache">
{{#tableDetails}}
<button type="button" id=Edit_{{tableName}} onclick="editTable({{tableName}})">
{{#tableDetails}}
</script>

function editTable(tableName){
    console.log("tableName >>>"+tableName)
}

谢谢。

【问题讨论】:

  • 这是错误的。永远不要创建内联事件处理程序。使用 jQuery(或类似的)进行事件处理。 (根据您的示例,您应该查看像敲除这样的 MVVM 框架,它可以模板化 事件处理)

标签: javascript jquery css handlebars.js mustache


【解决方案1】:

你做的几乎是对的。只需添加引号。

onclick="editTable('{{tableName}}')"

【讨论】:

  • 谢谢 Tom,如果我们创建内联事件处理程序会出现什么问题?
猜你喜欢
  • 2021-09-27
  • 1970-01-01
  • 2014-08-10
  • 2015-07-12
  • 2014-04-02
  • 1970-01-01
  • 1970-01-01
  • 2017-09-29
  • 1970-01-01
相关资源
最近更新 更多