jsrender模板调用一个javascript function

Question

我有以下模板：

<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>

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

未捕获的 SyntaxError：输入意外结束

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

Answer 1

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

你可能想要这样的东西：

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

请参阅JsRender/JsViews 文档