条件语句在 ejs 中不起作用

Question

您好，我想在 ejs 中应用条件语句，但它在我的代码中不起作用“我希望当我选择特定值（不使用运输）时，按钮显示否则不显示，但仅显示 - （其他条件) 在开发人员工具中的每个下拉列表中的选择上"，它显示了像 https://ibb.co/60ZWcXh 这样的条件语句代码，它没有采用

条件语句

  <%if (locals.students == "noTransportation") { %>
       <button type="button" class="btn btn-primary pull-right" onclick="" id="">
         Migrate to Applicants
       </button>
     <%} else { %>
       -
     <% } %>

完成students_list.ejs

  <select class="form-control changeDropDown" id="transportation">
             <option value="applications">Applications</option>
             <option value="transportation">Using Transportation</option>
             <option value="noTransportation">Not Using Transportation</option>
             <option value="All">All</option>

         </select>

     <%if (locals.students == "noTransportation") { %>
       <button type="button" class="btn btn-primary pull-right" onclick="" id="">
         Migrate to Applicants
       </button>
     <%} else { %>
       -
     <% } %>

控制器：

  in controller the code in comments ////data migration code//// is for this conditional statement but its not working 

      paste.ofcode.org/RGu9t7Fm3uNPNKiczNP2p9

我该如何解决这个问题

Answer 1

如果您将console.log(locals.students) 放在if 条件的正上方，您将看到（在node 的终端中）locals.students 的值不同于noTransportation。像这样添加它：

 <select class="form-control changeDropDown" id="transportation">
             <option value="applications">Applications</option>
             <option value="transportation">Using Transportation</option>
             <option value="noTransportation">Not Using Transportation</option>
             <option value="All">All</option>

         </select>

     <% console.log("====================", locals.students) %>
     <%if (locals.students == "noTransportation") { %>
       <button type="button" class="btn btn-primary pull-right" onclick="" id="">
         Migrate to Applicants
       </button>
     <%} else { %>
       -
     <% } %>

如果您想查看if 确实正常工作，您可以暂时 代替console.log(....)：

<% locals.students = "noTransportation" %>

更新：

没有快速简便的解决方案可以适合您目前所拥有的 stackoverflow 的答案。

一些想法供您遵循：

• <% .. %> 中的代码在服务器上执行。
• 选择框的选择变化在浏览器中执行
• 为了在进行更改时显示按钮，您可以：
  • 添加一个客户端 js 函数以在 $("#transportation") 更改时隐藏/显示按钮 - 但仅此一项就会在您的数据库中保存 nothing
  • 当$("#transportation")发生变化时，发起服务器请求并重绘整个页面，这样你的ejs就可以被执行了。