EJS для цикла ранжирования - PullRequest
Новая
       7

EJS для цикла ранжирования

0 голосов
/ 25 июня 2018

Я отправляю три массива со своего сервера узлов на страницу .ejs и хочу отобразить как, Изображение Но я получаю как Изображение

Вот код, 

<div class="webvUI-panel__bd">
    <a href="javascript:void(0);" class="webvUI-media-box webvUI-media-box_appmsg">
        <% for(var i=0; i < image.length; i++) { %>
            <div class="webvUI-media-box__hd">
                <img class="webvUI-media-box__thumb" src="<%= image[i]%>" alt="">
            </div>
        <% } %>
        <div class="webvUI-media-box__bd">
            <% for(var i=0; i < food.length; i++) { %>
                <h4 class="webvUI-media-box__title">
                    <%= food[i] %>
                </h4>
            <% } %>
            <% for(var i=0; i < price.length; i++) { %>
                <p class="webvUI-media-box__desc">
                    <%= price[i] %>$
                </p>
            <% } %>
        </div>
    </a>
</div>

1 Ответ

0 голосов
/ 26 июня 2018

Поскольку каждый объект имеет одинаковые атрибуты, такие как изображение, еда и цена.Если вы определите все эти атрибуты внутри объекта, вы можете сгруппировать их вместе, как показано ниже.Вместо того, чтобы отправлять их отдельно, вы можете смоделировать их внутри объекта, а затем вы можете пройти через этот объект. 

<div class="webvUI-panel__bd">
    <a href="javascript:void(0);" class="webvUI-media-box webvUI-media-box_appmsg">
        <% object.forEach(function(obj)) { %>
            <div class="webvUI-media-box__hd">
                <img class="webvUI-media-box__thumb" src="<%= obj.image[i]%>" alt="">
                <%= obj.food[i] %>
                <%= obj.price[i] %>$
            </div>
        <% } %>
    </a>
</div>
...