javascript - 如何防止在 EJS 中多次打印？

Question

我创建了一个循环来从数据库中获取项目总数。我正在使用 EJS，这是我的代码，如下所示。

       <h2>Summary</h2>
         <% if(typeof items.cart!=="undefined"){
           var amount = 0;  %>
         <% items.cart.forEach(function(file) {
                  amount +=parseInt(file.price); %>
           <ul class="summary-table" id="summary-table">
               <li><span>subtotal:</span> <span><%= amount %></span></li>
               <li><span>delivery:</span> <span>Free</span></li>
               <li><span>discount:</span> <span></span></li>
               <li><span>total:</span> <span><%= amount %></span></li>
           </ul>

           <% }); %>
        <%  } %>

我得到了元素的总数。但是Summary会在价格加总金额时打印多次。

防止它们发生的任何技巧

Answer 1

你的 <ul>标记似乎在 forEach 循环内，因此它会为 items.cart 的每个元素打印.我建议在模板以外的地方计算总值，并仅将模板用于渲染。

我不熟悉 EJS，但你可以试试这个:

<h2>Summary</h2>
<% if (typeof items.cart !== "undefined") {
var amount = 0;  %>
    <% items.cart.forEach(function (file) {
    amount += parseInt(file.price); }); %>
        <ul class="summary-table" id="summary-table">
            <li><span>subtotal:</span> <span><%= amount %></span></li>
            <li><span>delivery:</span> <span>Free</span></li>
            <li><span>discount:</span> <span></span></li>
            <li><span>total:</span> <span><%= amount %></span></li>
        </ul>
<%  } %>