javascript - 根据结果js增加计数
问题描述
我的前端有这段ejs
代码处于循环中,它在产品卡中显示指定子项的报告(例如带有产品的电子商务商店)。
就是这个:
<% if(data.length){
var i = 0;
while (i < data.length) { %>
<%for ( var j = 0; j < 4; j++) { %>
<div class="items">
<!-- single item -->
<div class="item">
<iframe src="<%= data[i].REPORT1 %>" style="
width: 100%;
height: 50%;
display:block;
background-size: cover;
border-radius: 8px 0 0 8px;"></iframe>
<h2><%= data[i].CHILDNAME %></h2>
<p><%= data[i].FIRSTNAME %> <%= data[i].LASTNAME %></em>
</p>
<form action="/myChildFile" method="GET">
<input type="hidden" name="childName" value="<%= data[i].CHILDNAME %>">
<button class="add-to-cart" type="submit">VIEW REPORTS</button>
</form>
</div>
</div>
<% i++;
if (i >= data.length){
j = 4;
}
} %>
<% }
}else{ %>
<p>there is an error. try again</p>
<% } %>
它工作正常,实际上很完美。但不是它说<h2><%= data[i].CHILDNAME %></h2>
,我希望它像report1
,,report2
等等,这取决于它是哪个报告。我不知道该怎么做。这可能来自前端吗,也许script
需要一个
解决方案
推荐阅读
- c++14 - 如何使用spirit X3解析成带有参数的构造函数的类?
- angular - Angular中的嵌套订阅-性能问题?
- c++ - 累积向量 C++ 中的所有其他元素
- flutter - Dart 无法将 JSON 从字符串解析为 int
- javascript - FullCalendar 规则“直到”不包含在内
- javascript - 变量调用函数和直接调用函数
- python - 从 Jupyter 和 Anaconda 恢复分类器
- vue.js - 如何使用 Vue CLI 编译单独的 JS 文件?
- docker-compose - 如何阅读/理解 docker-compose.yml 以及“stdin_open:true tty:true”组件的作用?
- javascript - 循环内的 ReactJs 数据为空