如何使用ejs在列表中显示数组值

Question

我有一个数组

 {"count":3,"rows":[{"p_id":"P1","gender":"M","patient_name":"a"},{"p_id":"D1","gender":"M","patient_name":"Davin"},{"p_id":"M1","gender":"M","patient_name":"Marv"}]} 

我从我的快递中渲染到我的ejs 文件。我有一张个人资料卡，我需要在其中显示列表中的每个字符串。所以对于 3 串 3 张牌。

我的ejs 文件：

 <ul>
     <% for(var i= 0 ; i < userData.length; i++) {%>
         <li>
             <span><%=userData[i].count %>
         </li>
         <ul>
             <% for(var j=0 ; j < userData[i].rows.length; j++) {%>
                 <li>
                     <span><%=userData[i].rows[j].p_id %>
                 </li>
             <% } %>
         </ul>
     <% } %>
</ul>

Answer 1

您还没有定义如何渲染 EJS 文件，所以我猜它是正确的。

我建议在遍历数组时使用.forEach(...) 函数。请参阅下面的示例。

<% if (locals.userData) { %> <!-- Make sure userData is defined -->
    <ul>
        <% userData.forEach(user => { %> <!-- Loop through the array -->
            <li>
                <span><%= user.count %>
            </li>
            <ul>
                <% user.rows.forEach(row => { %> <!-- Loop through the rows -->
                    <li>
                        <span><%= row.p_id %>
                    </li>
                <% }); %>
            </ul>
        <% }); %>
    </ul>
<% } %>