EJS 中的控制状态

【问题标题】：Controlling state in EJSEJS 中的控制状态
【发布时间】：2019-11-25 06:02:59
【问题描述】：

我想实现逻辑，在单击按钮后，计数器将增加 5（5、10、15、20...），可以说，状态将在 for 循环中用作第二个参数（即它应该进行多少循环）。

<body>
  <% var counter %>
  <% for (var i = 0; i < counter; i++) { %>
    ...some items to be rendered in number of 5, 10, 15 and so on...
  <% } %>
  <button onclick="<%() => counter =  counter + 5%>">Load more</button>
</body>

以上不起作用。如何在 EJS 中实现这种状态？谢谢！

【问题讨论】：

标签： node.js ejs

【解决方案1】：

您只需在 ejs 中创建一个函数，该函数将在每次单击按钮后重复该步骤，并且在单击按钮时，我们将递增计数器并将其传递给函数，因此函数将以递增的值执行。

   <body>
      <% var counter=5 %>
      <% function callLoop(cntr){%>
       <% for (var i = 0; i < cntr; i++) { %>
        ...some items to be rendered in number of 5, 10, 15 and so on...
       <% } %>
      <% } %>

      <button onclick="<%() => callLoop(counter + 5);%>">Load more</button>
   </body>

【讨论】：

感谢您的回答，但这不起作用，该函数未被调用。
我认为这会对您有所帮助：stackoverflow.com/questions/30535309/…