Wie zeigt man nur 3 Elemente dieser Schleife? node.js EJS

Question

Wenn es mehr als 3 Artikel in dieser Schleife sind, dann möchte ich eine „mehr Taste“ hinzufügen, um den Rest der Elemente zeigen

<% include ./partials/header %> 

<div class='container'> 
    <p><a class='btn btn-primary btn-large'href='/items/new'>Add new item</a>/p> 

    //loop 
    <% items.forEach(function(item){ %> 
     <div> 
      <h4><%=item.name%></h4> 
      <img src='<%=item.image%>'> 
     </div> 
    <% }); %>  
</div> 

<% include ./partials/footer %> 

Answer 1

Die Funktion forEach mehr arugments bietet, die 2. ist der Index.

So etwas sollte

arbeiten

//loop 
<% items.forEach(function(item, idx){ %> 
    <% if (idx < 4) { %> 
    <div> 
     <h4><%=item.name%></h4> 
     <img src='<%=item.image%>'> 
    </div> 
<% }); %> 

<% if (items.length > 3) { %> 
    <div> 
     <button>Show More</button> 
    </div> 
<% }; %>