Question

我想实现一种逻辑，在单击按钮后，计数器将增加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中实现这种状态？谢谢！

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

在EJS中控制状态

1 个答案: