jsrender模板调用一个javascript函数答案

【问题标题】：Jsrender template call a javascript functionjsrender模板调用一个javascript函数
【发布时间】：2021-07-09 19:14:53
【问题描述】：

我有以下模板：

<script id="testTemplate" type="text/x-template">
   <div class="btn-action">
      <button onclick='displayDiv(this.id, "${Status}")' id="temp-${tempId}">
        <i class="material-icons">more_vert</i>
      </button>
    </div>
</script>

javascript如下：

function displayDiv(clickedId, status) {
/*some code here*/
}

${Status} 的类型是字符串。然而，页面呈现如下：

<button onclick="displayDiv(this.id, " pending')'="" id="temp-128"><i class="material-icons">more_vert</i></button>

当我点击按钮时出现错误：

Uncaught SyntaxError: Unexpected end of input

任何人都可以在这里帮助正确的语法吗？我是 js-render 和 javascript 编码的新手。谢谢

【问题讨论】：

标签： javascript jsrender

【解决方案1】：

${Status} 不是 JsRender 的有效语法。（jQuery-templates 的语法正确）。

你可能想要这样的东西：

  <button onclick='displayDiv(this.id, "{{:Status}}")' id="temp-{{:tempId}}">

见JsRender/JsViews documentation

【讨论】：