如何仅显示此循环的 3 个项目？ node.js EJS答案

【问题标题】：how to show only 3 items of this loop ? node.js EJS如何仅显示此循环的 3 个项目？ node.js EJS
【发布时间】：2017-06-23 03:52:04
【问题描述】：

如果此循环中有超过 3 个项目，那么我想添加一个“显示更多按钮”以显示其余项目

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

【问题讨论】：

我只想显示此循环的前 3 个项目，如果项目超过 3 个，我想添加一个按钮，看起来像“显示所有项目”，以便您可以显示其余项目为了增强用户体验

标签： javascript jquery node.js ejs

【解决方案1】：

函数forEach提供了更多的参数，第二个是索引。

这样的东西应该可以工作

//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>
<% }; %>

【讨论】：