- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我有一个表,想根据我在 mongoDB 中的记录数量对其进行编号。一切正常,除了编号......
我尝试了循环和 .length,但它破坏了我的应用程序。
我的架构:
var userInputSchema = new mongoose.Schema({
name: String,
address: String,
phone: Number
});
<table class="table">
<thead>
<tr>
<th scope="col">#</th>
<th scope="col">NAME</th>
<th scope="col">ADDRESS</th>
<th scope="col">PHONE</th>
</tr>
</thead>
<tbody>
<% userInputs.forEach(function(userInput) { %>
<tr>
//this won't work <th scope="row"><% userInput[].length %></th>
<td><%=userInput.name %></td>
<td><%=userInput.address %></td>
<td><%=userInput.phone %></td>
</tr>
<% }); %>
</tbody>
</table>
它应该是这样的:
# NAME ADDRESS PHONE
1 Gary Evergrenn 123213
2 Tom Street 2333434
3 Fox Jonahill 3434355
列“#”应该根据这个 mongoDB 中的记录数量自动编号,但我无法让它工作。它是空的,或者会因“内部服务器错误”而破坏整个页面。
最佳答案
尝试利用 forEach 的索引参数方法。
<table class="table">
<thead>
<tr>
<th scope="col">#</th>
<th scope="col">NAME</th>
<th scope="col">ADDRESS</th>
<th scope="col">PHONE</th>
</tr>
</thead>
<tbody>
<% userInputs.forEach(function(userInput, index) { %>
<tr>
<th scope="row"><%=++index %></th>
<td><%=userInput.name %></td>
<td><%=userInput.address %></td>
<td><%=userInput.phone %></td>
</tr>
<% }); %>
</tbody>
您需要在打印之前递增索引。
关于javascript - 如何按 mongoDB 中对象的数量对表进行连续编号?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/57568056/
我是一名优秀的程序员,十分优秀!