你如何为EJS中的每个循环/做一个?

时间:2018-03-13 20:05:37

标签: javascript html loops express partials

我知道它必须进入< %%>,但我不确定它是否与典型的forEach / for循环非常不同。 EJS网站上的文档非常有限,所以我来到这里。

<% include ../../partials/header %>

<body>
  <main>
    <h1>List of all quotes</h1>
    <ul>
      <li> <!-- for loop goes here, inside flounder -->
        <%
        all quote stuff goes here
        author
        content
        wrap it in a link to its quote page
      </li>
    </ul>
  </main>
</body>

</html>

2 个答案:

答案 0 :(得分:2)

所以这里是关于embeddedjs的例子:

    <ul>
<% for(var i=0; i<supplies.length; i++) {%>
   <li><%= supplies[i] %></li>
<% } %>
</ul>

这就是我的所作所为:

<% include ../../partials/header %> <
<body>
  <main>
    <h1>List of all quotes</h1>
    <ul>
      <% for(var i = 0; i < author.length; i++) {
        <li><%= author[i] %></li>
      <% } %>

      <% for(var i = 0; i < content.length; i++) {
        <li><%= content[i] %></li>
      <% } %>

    </ul>
  </main>
</body>

</html>

答案 1 :(得分:1)

假设您有一个学生JSON对象,其中包含学生姓名,年份和课程的详细信息,然后可以通过forEach遍历如下:-

  <ul>
    <% students.forEach(function(student){%>
        <li> Name:<%= student.name %> Course:<%= student.course %> </li>
 <% }); %> 
</ul>

同样适用于您的作者和上面引用的问题