javascript - ejs - 希望在 EJS 模板中添加 if 条件

Question

嗨，我刚刚开始使用 EJS。现在我需要检查条件，因此我在 EJS 中使用 if 条件，但在运行时显示错误。我正在尝试的代码是

<script id="insidecontentdata" type="text/x-ejs-template">
  <%for(var i=0;i < tooldata.section.length;i++){%>
    <% debugger; %>
      <div class="conductorHeading">
        <%= tooldata.section[i].tittle%>
      </div>
      <div class="conductorHeadingsub">setting :
        <%= tooldata.section[i].settingdepth%>
      </div>
      <div class="border" style="top:0px;">&nbsp;</div>
      <%if (<%= tooldata.section[i].x_over%>) {%>
        <div class="conductorHeadingsub">x-over:
          <%= tooldata.section[i].x_over%>
        </div>
        <%}%>
          <%}%>
</script>

我可以打印if条件之前的所有div，但是if条件出错了。我的代码有什么问题？

Answer 1

在 if 条件中，您使用表达式 <%= tooldata.section[i].x_over%>这是导致问题的原因。

您已经位于 scriptlet 中，因此只需使用普通的 JavaScript if 条件即可

<script id="insidecontentdata" type="text/x-ejs-template">
  <%for(var i=0;i < tooldata.section.length;i++){%>
    <div class="conductorHeading">
      <%= tooldata.section[i].tittle%>
    </div>
    <div class="conductorHeadingsub">setting :
      <%= tooldata.section[i].settingdepth%>
    </div>
    <div class="border" style="top:0px;">&nbsp;</div>
      <%if (tooldata.section[i].x_over) {%>
        <div class="conductorHeadingsub">x-over:
          <%= tooldata.section[i].x_over%>
        </div>
      <%}%>
    </div>
  <%}%>
</script>